jquery：如何将数组附加到表单请求并将其发送到 Jquery 中的 php

Question

var subtbl = $(this).attr('data-counter');
                 var stunbr = $(this).attr('data-stunbr');
                var m = 0;
                var checkedlines = new Array();
            $.each($("#sub-table"+subtbl+"  "+"input:checked"),function (m){            
            var chk_value = $("#chk_"+stunbr+"_"+m).attr('value');
                var txt_value = $("#txt_"+stunbr+"_"+m).attr('value');
              //alert("Txt value --->"+ txt_value +" Chk Value --->"+ chk_value);           
            checkedlines[m] = { STUNBR: stunbr, SNO: chk_value, NAME: txt_value }; 
                m++;          
        });

如何附加“checkedlines”以在 jquery 中形成请求并将其发送到 php 。我的意思是我们需要使用 $.ajax 你可以在附加“checkedlines[]”中显示吗 我们可以用 Jquery 中可用的任何方法生成这个数组 n Json 来生成 JSON 如果它是一个普通数组，我如何在 php 中使用它。再薄一点 我如何迭代外部的“checkedlines[]”数组 不使用“var r=0”变量的每个循环

    var r=0;
    $.each(checkedlines,function(r){
        alert("ASNURNNBR==>"+checkedlines[r]['STUNBR']+"SEQNO==>"+checkedlines[r]['SNO']+"RCVDATY==>"+checkedlines[r]['NAME']);
        r++;
    });

Answer 1

一种选择是将对象序列化为 JSON 字符串，并将结果写入用户可以提交的表单内的隐藏字段中。

<form>

 ...

<input id="json_array" type="hidden" name="json_array" />

 ...

</form>


<script type="text/javascript">

function stringify(obj) {
    var t = typeof (obj);
    if (t != "object" || obj === null) {
        // simple data type
        if (t == "string") obj = '"'+obj+'"';
        return String(obj);
    }
    else {
        // recurse array or object
        var n, v, json = [], arr = (obj && obj.constructor == Array);
        for (n in obj) {
            v = obj[n]; t = typeof(v);
            if (t == "string") v = '"'+v+'"';
            else if (t == "object" && v !== null) v = stringify(v);
            json.push((arr ? "" : '"' + n + '":') + String(v));
        }
        return (arr ? "[" : "{") + String(json) + (arr ? "]" : "}");
    }
};

var checkedLines = {};

//
// Your code populating the checkLines object goes here
//

var jsonResult = stringify(checkedlines);

$('#json_array').val(jsonResult);

</script>

stringify() 函数取自 JSON.org 库。

如果您不想使用表单，那么是的，$.ajax();是一个要走的路。只需将 jsonResult 添加到具有相关变量名称的 data 属性即可：

$.ajax({
  method: "POST",
  url: 'http://example.com',
  data: "json_array=" + jsonResult,
  success: function(data) {
    $('.result').html(data);
    alert('Load was performed.');
  }
});

Answer 2

好的，这就是你可以做的。
我创建了一个示例来向您展示它是如何工作的。
它实际上不是使用serializeArray，而是使用JSON对象：

/////
如果使用 IE6，您必须将以下 js 文件包含到 html 文档的标头中： https:// github.com/douglascrockford/JSON-js
/////

// JavaScript
$(文档).ready(函数() {
var 名称 = ["约翰", "迈克", "乔"];
var 位置 = ["flash", "php", "javascript"];

var arr = new Array();
for (var i = 0; i < positions.length; i++){
    arr.push({"firstname": names[i], "position": positions[i] });
};

var json = JSON.stringify(arr);

$.ajax({
  url: "data.php",
  method:"GET",
  data: "json="+json,
   success: function(data){alert("data: "+data);},
  dataType: "text"
});

});

// 数据.PHP
$decoded = json_decode($_GET['json']);
echo $decoded[0]->firstname;

有效！