如何使用 jQuery 更新 Json 对象？

Question

大家好，我正在连接这样的JSON字符串：

      var addresses = "[";

         addresses += '{"AddressID":' + adressid + ',"EmailID":' + $('#txtemailData').val() + ',"Hno":' + $('#txthno').val() + ',"StreetName":' + $('#txtstreetname').val() + ',"City":' + $('#txtcity').val() + ',"StateID":' + $('#ddlState').val() + ',"CountryID":' + $('#ddlcountry').val() + ',"Zip":' + $('#txtzip').val() + ',"PhoneNumber":' + $('#txtphonenumber').val() + ',"Fax":' + $('#txtfax').val() + ',"AddressName:' + $('#txtaddresstype').val() + '"},';

该对象如下所示：

[{
   "AddressID":2,
   "EmailID":akanilkumar443@gmail.com,
   "Hno":Hyderabad,
   "StreetName":Gachibowli,
   "City":Hyderabad,
   "StateID":1,
   "CountryID":1,
   "Zip":040,
   "PhoneNumber":8341516166,
   "Fax":23123131,
   "AddressName:Store Address"},
 { 
   "AddressID":3,
   "EmailID":akanilkumar443@gmail.com,
   "Hno":aSAs,
   "StreetName":asdasdad,
   "City":asdasda,
   "StateID":1,
   "CountryID":1,
   "Zip":asdasda,
   "PhoneNumber":asdasda,
   "Fax":asdasda,
"AddressName:Store Type"
}]

如何根据它的 id 更新 json 对象的这个特定值？

假设我想更改AddressID=2对象的某些值。 例如，我想更改AddressID=2的JSON对象的EmailID 、 Streetname 。 我如何使用 jQuery 做到这一点？

我正在尝试这样，但它不会循环，有人可以在这里帮助我吗？

    function EditAddress(addressid) {
    alert(addressid);
    alert(addresses);
    var addressobject =JSON.parse(addresses.substring(0, addresses.length - 1) + ']');
    jQuery.each(addressobject, function (i, val) {
        alert(val.AddressID);
        if (val.AddressID == addressid) 
        {
            //update logic
        }
    });
}

Answer 1

您可以使用$.each()函数遍历数组arr ，然后搜索id属性值为2 。 如果找到，则更新对象obj所需的属性，然后跳出循环，如：

 var arr = [ {"id": 1, "name": "Apple" , "isVisible": false}, {"id": 2, "name": "Orange", "isVisible": false}, {"id": 3, "name": "Banana", "isVisible": false} ] $.each( arr, function( i, obj ) { if(obj.id === 2){ console.log("Current " + obj.id + " = " + obj.isVisible); obj.isVisible = true; console.log("Changed " + obj.id + " = " + obj.isVisible); return false; // Loop will stop running after this } });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

Answer 2

首先不要手动创建字符串。 使用内置功能要健壮得多，所以这样做：

var addressesAsArray = [],
    addressAsObject = {}
    address;
//assuming some loop or other
address = {
              "AddressID": adressid,
              "EmailID":$('#txtemailData').val(),
              "Hno":$('#txthno').val(),
              "StreetName": $('#txtstreetname').val(),
              "City": $('#txtcity').val(),
              "StateID": $('#ddlState').val(),
              "CountryID": $('#ddlcountry').val(),
              "Zip": $('#txtzip').val(),
              "PhoneNumber": $('#txtphonenumber').val(),
              "Fax": $('#txtfax').val(),
              "AddressName": $('#txtaddresstype').val()
          };
addressesAsArray.push(address);
addressAsObject[address.AddressID] = address;

如果您需要查找具有给定 ID 的地址，则该方法将取决于您是在addressesAsArray 还是addressesAsObject 中查找。 后者是直接的

address = addressesAsObject[addressIDBeingSought];

在数组情况下，您可以简单地循环

for(i = 0, len = addressesAsArray.length;i<len; i += 1){
   if(addressesAsArray[i].AddressID === addressIDBeingSought) {
       address = addressesAsArray[i];
       break;
   }
}

完成更新后，您可以通过以下方式将其作为 JSON 获取

json = JSON.stringify(adresses);

Answer 3

使用 linq.js javascript 库或 jquery 插件： http ://linqjs.codeplex.com/

    <!DOCTYPE>
    <html>
    <head>
        <script type="text/javascript" src="linq.js"></script>
    </head>
    <body>
    <script>  
    var array = [{
       AddressID:2,
       EmailID:'akanilkumar443@gmail.com',
       Hno:'Hyderabad'
       },
     { 
       AddressID:3,
       EmailID:'akanilkumar443@gmail.com',
       Hno:'aSAs'
    }];
    Enumerable.From(array).Where("$.AddressID == 3").ToArray()[0].Hno= 'ololo'; 
// or this: 
// Enumerable.From(array).Where(function(x){return x.AddressID == 3}).ToArray()[0].Hno= 'ololo'; 
    alert(array[1].Hno)  
    </script>
    </body>
    </html>

如何使用 jQuery 更新 Json 对象？

问题描述

3 个解决方案

解决方案1
3 2012-11-19 11:55:57

解决方案2
0 2012-11-19 11:28:58

解决方案3
-1 2012-11-19 11:13:59

如何使用 jQuery 更新 Json 对象？

问题描述

3 个解决方案

解决方案1 3 2012-11-19 11:55:57

解决方案2 0 2012-11-19 11:28:58

解决方案3 -1 2012-11-19 11:13:59

解决方案1
3 2012-11-19 11:55:57

解决方案2
0 2012-11-19 11:28:58

解决方案3
-1 2012-11-19 11:13:59