通过ajax发送json对象

Question

我正在创建一个简单的表单输入演示。 值从表单存储在变量中，然后将它们放入json对象，并通过ajax发送。

我的Json对象可以验证，但是如何在$ .ajax的数据字段中引用它？ 我的代码：

$(document).ready(function() {
  $('.submitForm').on('click',function(event){
event.preventDefault();

    var firstName = $('#firstName').val();
    var lastName  = $('#lastName').val();
    var phone     = $('#phoneNumber').val();
    var address   = $('#address').val();
    var $out      = $("#formResults");

    $out.append("<p>" + firstName  +' '+ lastName + "</p>" +                                       
                "<p>" + $('#phoneNumber').val() + "</p>" + 

                    //json object
                     {
                       "firstName" : "firstName", 
                        "lastName" : "lastName",
                        "phoneNumber" : "phoneNumber",
                        "address" : "address"
                       }


                         $.ajax({
                         url: 'http://localhost/xyz/markup/',
                         method:  'GET',
                         data: jsonObject
                         error: alert("error")
                         complete: alert ("complete")
                                                 });
                                     });            
                                     });

谢谢！

Answer 1

"firstName" : "firstName",

应该

"firstName" : firstName,
              ^---     ^---note lack of quotes

其他3个领域也是如此。

您正在尝试执行string:string ，而不是string:variable 。

同样，在代码中jsonObject实际定义jsonObject地方。

重要说明：请勿自行构建JSON文本。 风险很大。 一个语法错误（通常是引号错误）和整个json对象都无效。 您最好先构建一个普通的JS数据结构，然后使用提供的json编码工具生成json字符串。