如何使用jquery将表单值发布为json格式

我有一些关于表单元素的基本信息，关于提交如何使用jquery将表单值发布为json格式

我如何成功地测试它的发布

HTML:

名字
姓
电子邮件
可移动的
地址

您可以使用ajax以JSON格式发送表单数据，请检查以下代码：

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

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

用于执行此任务：

$("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

方法发送数据，请使用函数

你试过什么了吗？没有，我需要知道怎么做。比如，我需要创建一个空json文件，并使用ajax post方法将值发布到该文件中Aftab：在数据中：我需要写什么？你需要用你的表单id替换“#你的表单id”，用你的服务器url替换“服务器url”，然后点击提交就触发它，就这样了。别忘了填写表单。在服务器URL中-我需要在需要发布的地方写下html名称（form.html？）或任何其他json文件吗？我添加如下，可以吗？我只是在本地运行，如何测试值是否已发布？函数submit（）{var myformData=JSON.stringify（$（“#sampleForm01”）.serializeArray（））；$.ajax（{type:“POST”，url:“form01.html”，data:myformData，success:function（）{alert（“success”）；}，dataType:“JSON”，contentType:“application/JSON”}谢谢你的代码，是否可以创建为json格式的php文件？i、 e在提交时，我需要创建作为json格式的发布值，以发送用于开发目的。。。我还在尝试我的success函数：success:function（res）{alert（fname）；}但是我没有在alert中获得输入的值？我遗漏了什么？您可以使javascript对象var obj={}；obj['fname']=$（“#fname”）.val（）；obj['lname']=$（“#lname”）.val（）；obj['email']=$（“#email”）.val（）；obj['mobile']=$（“#mobile”）.val（）；obj['address']=$（“#address”）.val（）；然后使用以下数据发送数据：{jsonobj:JSON.stringify（obj）}是否正确？（5）fname）val（）；lname（（5）名名名为“名称名称名称名称名称，名称名称名称，名称名称，名称，名称，电子邮件，名称，名称，名称，名称，电子邮件，名称，名称，电子邮件，名称，电子邮件，发电子邮件，名称，电子邮件，电子邮件，电子邮件，电子邮件，电子邮件，电子邮件，移动，电子邮件，移动，电子邮件，移动，移动，移动，移动，移动，移动，移动，地址，移动，地址，地址，地址，地址；地址；地址；地址；地址；fname；fname；fname；fname；fname；fname；fname；fname=（（（5.fname（（（5）fname；fname=（（5）名名名名名名名名名名名名名名名为为为为为：：：：：：：：：：；fname=（（（（（（（（（（（（（（简称；f名称名称名称）f名称名称名称）fname）fname）fname=$）5.5 5）“#mobile”）.val（）；obj['address']=$（“#address”）.val（）；$.ajax（{type:“post”；url:“sample.json”；data:{jsonobj:json.stringify（obj）}；success:function（res）{alert（fname）；}}res是来自发布数据的url文件的数据。您的url是sample.json这应该是sample.php，因为您正在将值发布到php文件中。您可以使用json_decode（$_post['jsonobj']）获取所有值，然后通过参数resThanks在success函数中为您的输入回显您可以接收到的任何内容

<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>

<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>

 $("#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