0

我正在创建一个简单的表单输入演示。值从表单存储在变量中，然后将它们放入 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")
                                                 });
                                     });            
                                     });

谢谢！

4

1 回答 1

4 
"firstName" : "firstName",

应该

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

对于其他 3 个字段也是如此。

你正在尝试做string:string，而不是string:variable.

同样，您的代码中没有任何地方jsonObject实际定义。

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

于 2012-10-23T14:37:59.207 回答