jquery $.post - json - 发送/接收输入数据的正确方法（仅在客户端） - 两个问题的探索

Question

让我们想象一下我们有这样的东西：

$.post('somescript.php', 'WHAT CAN WE PUT HERE?',
        function(replyData) {

1） 默认情况下，$.POST方法的第三个参数会正确读取XMLResponse响应吗？ 那么，为什么我们需要这个参数 'replyData' ？我们产生这种争论的原因是什么？

2） 第二个参数接受将要发送的数据。好的。 我想使用 json，但是，我不确定是否应该在第二个参数上使用 json 格式或 定位将包含该数据的输入表单字段？

附加说明： 数据将来自输入字段，我需要通过 $.POST ajax 请求将其发送到服务器。我打算使用 json 编码和 json 解码 php 函数。

提前致谢， MEM

Answer 1

replyData 参数包含服务器返回的响应正文，然后您可以对其进行操作以将其显示在页面上、验证服务器端是否成功处理数据等。您没有使用它（例如，如果您不返回任何数据）。

您提供的数据（JSON 格式）仍然需要采用查询字符串的形式，例如 param=value。该值还需要使用 encodeURIComponent() 进行正确编码：

$.post('somescript.php', 'data='+encodeURIComponent(myJSON),
    function(replyData) {

然后，您可以通过 $_POST 超级全局访问 PHP 脚本中的 JSON：

$data = json_decode($_POST['data']);

但是，对于简单的输入字段来说，JSON 有点过大了。使用 JSON 代替表单字段的名称/值对的情况并不常见。

Answer 2

1) 第三个参数是回调函数。如果您提供匿名函数（如示例中所示），则需要命名参数才能访问它。如果返回 JSON 结构，则可以访问replyData.foo 等。

2) 您可以从表单中提取值并构建 JSON 结构。

var data = {};
data.threadid = $(form).find('input[name=threadid]').val();
data.commentid = $(form).find('input[name=commentid]').val();

$.post('somescript.php', data, function(replyData) { alert(replyData.foo); } );

Answer 3

我从 Drupal 窃取了这个函数，并修复了导致 Zend_Json_Server 抛出异常的数组和对象上的尾随逗号。

    var toJson = function(v) {
  // typeof null == object so we check beforehand;
  if ( v == null ){
    return null;  
  }

  switch (typeof v) {
    case 'boolean':
      return v == true ? 'TRUE' : 'FALSE';
    case 'number':
      return v;
    case 'string':
      return '"'+ v +'"';
    case 'object':
      if ( !(v instanceof Array) ){
          var output = "{";
          for(i in v) {
            output = output + '"'+i+'"' + ":" + toJson(v[i]) + ",";
          }
          output = output.substr(0,output.length-1) + "}"; // Fix the trailing comma error wich isn't officialy allowed.
      }else{
          var output = "[";
          for(i in v) {
            output = output + toJson(v[i]) + ",";
          }
          output = output.substr(0,output.length-1) + "]"; // Fix the trailing comma error wich isn't officialy allowed.
      }
      return output;
    default:
      return null;
  }
}

现在只需向其提供数据，如下所示：

var myJsonString = toJson($('myform').serialize());

Wich 将返回从变量递归生成的 json 字符串。适用于我的大多数应用程序。

Answer 4

总的来说，我同意Andy E的观点，即如果你查看将要发布的数据的字符串，它们应该看起来像

'data='+encodeURIComponent(myJSON)

我只想清除，在实践中使用$.post 的第二个参数大多不是作为字符串：

$.post('somescript.php', 'data='+encodeURIComponent(myJSON), ... );

而是作为对象：

$.post('somescript.php', {data: myJSON}, ...);

然后 jQuery 调用 encodeURIComponent 函数并构造字符串 'data='+encodeURIComponent(myJSON)内部涉及 jQuery.param() 。更重要的是要理解，要拥有 myJSON，您必须根据包含要发布的数据的对象的某些 JSON 编码函数生成此 JSON 字符串。因此，代码在实践中看起来如下所示

$.post('somescript.php', { data: JSON.stringify(myObject) }, ...);

，其中 JSON.stringify 是来自 json2.js 的 JavaScript 函数，您可以从 http://www.json.org/js.html。