I use js to dynamically generate some forms but the data cannot be passed to the backend

» javascript » I use js to dynamically generate some forms but the data cannot be passed to the backend

By : user3042335

Date : November 27 2020, 05:23 PM

wish helps you Problem in your code is with '' quotes as well as ,whenever you append new input it appear out of tag , so whenever you submit your form that value doesn't passed to your backened page and will always return null. Instead do like below :

code :

var i = 1
$(document).ready(function() {
 //location to add new inputs
  var to_Add_at = $(".inputs");
  var add_button = $("input[name='add']");
  //on click of button
  $(add_button).click(function(e) {
    e.preventDefault();
    $(to_Add_at).append('<input type=text name='+i+' value='+i++ +'>'); //add input box

  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<form action="/webTest/TestWeb" method="post">
  <input type="button"  value="add" name="add" />
  <div class="inputs"></div>
  <input type="submit" value="submit" />
</form>

Share :

symfony2 forms dynamically Generate Forms Based on user Data

By : user3241321

Date : March 29 2020, 07:55 AM

wish help you to fix your issue Add this line in your ProjectuserType class : use Doctrine\ORM\EntityRepository
Hope it's helpful. Best regards.

Dynamically generate django forms

By : Akanksha M

Date : March 29 2020, 07:55 AM

With these it helps I'm trying to dynamically generate python classes. Here, a django form. , You can add fields in the form's __init__ method as follows:

code :

class BankForm(forms.Form):
    name = forms.CharField()

    def __init__(self, *args, **kwargs):
        super(BankForm, self).__init__(*args, **kwargs)
        for i in range(10):
            self.fields['contact_' + str(i)] = forms.CharField()

AngularJS w/ Flask backend, representing the data passed from backend

By : zhang

Date : March 29 2020, 07:55 AM

To fix the issue you can do for anyone who may need it in the future! :) I added a for loop that iterates over the response data and stores each element into an array then returned the array.

code :

     data.getData = function(){
         var i;
         var myObj = [];
            $http({
                method: 'GET',
                url: '/h'
            }).then(function success(response){
                $log.info(" hello the get", response.data);
                for (i = 0; i < response.data.length; i++){
                    myObj[i] = (response.data[i]);
                }
                if(response.data.length === 0){
                    $log.info("empty set");
                }else{
                    //data.item = response.data;
                    $log.info("SUCCESS!!" + myObj);
                }            
            }, function error(response){
                $log.info(" damn"+response);
            });
            return myObj;
        };

.factory('posts', function(data, $log){
    "use strict";
    var posts={}; 

    posts.item = data.getData();

   posts.addPost = function(title, body){     
        data.postData(posts.item.push({title: title, body: body}));
   };
        $log.info("in the posts" + posts.item);
    return posts;
});

.controller('topicCtrl', function(posts){
    "use strict";
        var p = this;

    p.posts = posts.item;



})

Passed data with URLSearchParams is something other in PHP backend

By : Kayla Glenn

Date : March 29 2020, 07:55 AM

To fix the issue you can do Like you say it returning object HTMLInputElement, and that is not good.
return axios.post('/api/auth/checkUnique.php', params, axiosConfig)

Express backend dropping data when passed from Angular 5 App

By : Hazu Keil

Date : March 29 2020, 07:55 AM

around this issue I found the solution. I was not implementing a header with my post data. I added these changes to my service and the issue was resolved:

code :

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';

@Injectable()
export class ClientService {
    httpHeader = {
        headers: new HttpHeaders({
            'Content-Type': 'application/json',
        })
    };

    constructor(private http: HttpClient) { }

    sendEmail(clientData) {
        console.log(clientData);
        this.http.post('/send-email', clientData, this.httpHeader);
    }
}