javascript - 通过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。

主要注意事项:不要自己构建 JSON 文本。这是非常危险的。一个语法错误(通常是放错引号)，整个 json 对象就会变得无效。您最好构建一个普通的 JS 数据结构，然后使用提供的 json 编码工具来生成 json 字符串。