как разместить значения формы как формат json с помощью jquery

Question

У меня есть элемент формы для получения некоторой базовой информации, чтобы отправить, как отправить значения формы в формате json, используя jquery?

и как я могу проверить его опубликованные успешно?

HTML:

<table> 
    <tr> 
     <td>first name</td> 
     <td><input type="text" /></td> 
    </tr> 
    <tr> 
     <td>last name</td> 
     <td><input type="text" /></td> 
    </tr> 
    <tr> 
     <td>email</td> 
     <td><input type="text" /></td> 
    </tr> 
    <tr> 
     <td>mobile</td> 
     <td><input type="text" /></td> 
    </tr> 
    <tr> 
     <td>address</td> 
     <td><textarea></textarea></td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td><input type="button" value="Submit" /></td> 
    </tr> 
</table> 

Answer 1

Использование $.post() для выполнения этой задачи:

$("myForm").submit(function(event) { 
    /* preventing the submit */ 
    event.preventDefault(); 

    var myArray = []; 

    /* 
     using myArray.push(value); 
     you can add all the value of yours textboxes to this array. 
    */ 

    var myJsonArray = JSON.parse(myArray); 

    $.post("path_to_my_php_file/myfile.php", { json_array : myJsonArray }, function(result) { 
     /* this function can eventualy used to process the result of your php */ 
    }); 
}); 

Если ваша форма отправляет данные с использованием метода GET, используйте $.get().

Answer 2

Вы можете отправить данные формы в формате JSON с помощью Ajax, пожалуйста, проверьте ниже код:

var myformData = JSON.stringify($("#your-form-id").serializeArray()); 

$.ajax({ 
    type: "POST", 
    url: "ServerURL", 
    data: myformData , 
    success: function(){}, 
    dataType: "json", 
    contentType : "application/json" 
}); 

Answer 3

<table> 
    <tr> 
     <td>first name</td> 
     <td><input type="text" name="firstname" id="fname"/></td> 
    </tr> 
    <tr> 
     <td>last name</td> 
     <td><input type="text" nmae="lastname" id="lname" /></td> 
    </tr> 
    <tr> 
     <td>email</td> 
     <td><input type="text" id="email"/></td> 
    </tr> 
    <tr> 
     <td>mobile</td> 
     <td><input type="text" id="mobile" /></td> 
    </tr> 
    <tr> 
     <td>address</td> 
     <td><textarea id="address"></textarea></td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td><input type="button" value="Submit" id="buttonClick" /></td> 
    </tr> 
</table> 

В Jquery добавить этот код:

$("#buttonClick").click(function(){ 
     var fname,lname,email,mobile,address; 
     fname=$("#fname").val(); 
     lname=$("#lname").val(); 
     email=$("#email").val(); 
     mobile=$("#mobile").val(); 
     address=$("#address").val(); 
     $.ajax({ 
      type:"post"; 
      url:"their write your url for php file "; 
      data:"fname="+fname+"&lname="+lname+"&email="+email+"&mobile="+mobile+"&address="+address; 
      success:function(res) 
      { 

      } 

     }); 

    }); 
at url place your php file where you want to post these values you can get these values by using $_POST['fname'] etc.. in your php file