2017-11-14 35 views
-1

home_addressを配列のアドレスに追加したいと思います。データをAJAX経由で送信する

"fieldlist": [ 
    { 
     "id": 1, 
     "street_name": "N. 10th", 
     "address": [ 
     { 
      "aid": 1, 
      "home_address": "5801", 
      "city": "Philadelphia" 
     }, 
     { 
      "aid": 2, 
      "home_address": "5802", 
      "city": "Philadelphia" 
     } 
     ] 
    } 
    ] 
} 

問題はコードが最後に追加されることです。ここで

"fieldlist": [ 
    { 
     "id": 1, 
     "street_name": "N. 10th", 
     "address": [ 
     { 
      "aid": 1, 
      "home_address": "5801", 
      "city": "Philadelphia" 
     }, 
     { 
      "aid": 2, 
      "home_address": "5802", 
      "city": "Philadelphia" 
     } 
     ] 
    }, 
    { 
     "aid": 4, 
     "home_address": "5804", 
     "id": 2 
    } 
    ] 
} 

は私のサンプルAjaxコード

var addnumber = { 
        "aid": 4, 
        "home_address": "5804" 
      } 

    $.ajax({ 
        type:'POST', 
        url: 'http://localhost:3000/fieldlist', 
        data: JSON.stringify(addnumber), 
        contentType: 'application/json', 
        dataType: 'json' 

     }); 

は、私は、コードブロックの後アドレスarrayとしない範囲で追加することができとにかくですか?または私はJSONの構造を変更する必要がありますか?

+0

どうやって追加していますか? –

+0

あなたが求めていることはあまり明確ではありません。 – SPlatten

+0

ajaxはクリックハンドラでアクティブになります。私はjson-serverを使ってファイルをホストしています。urlはURLです: 'http:// localhost:3000/fieldlist。 –

答えて

1

fieldlist[0].addressにアクセスし、fieldlistの代わりにそれを押します。

var fieldlist = [ 
 
    { 
 
    "id": 1, 
 
    "street_name": "N. 10th", 
 
    "address": [ 
 
     { 
 
     "aid": 1, 
 
     "home_address": "5801", 
 
     "city": "Philadelphia" 
 
     }, 
 
     { 
 
     "aid": 2, 
 
     "home_address": "5802", 
 
     "city": "Philadelphia" 
 
     } 
 
    ] 
 
    } 
 
]; 
 

 
const newAddr = {"aid": 4, "home_address": "5804", "id": 2 }; 
 
fieldlist[0].address.push(newAddr); 
 

 
console.log(fieldlist);

+0

JSONが外部であることを追加するのを忘れました。 JSON-SERVERを使用して、コードに url:http:// localhost:3000/fieldlistと表示されているファイルをホストしています。 私はURLに投稿しようとしました: 'http:// localhost:3000/fieldlist/1 ....エラーが発生しました –

+0

ありがとうございます。そして、私はそれを考え出したと思う。 Json-serverにはフィールドリスト/ 1に投稿するルートがありません。あなたの記事のおかげで、私はそれを見たことがないでしょう。さて、私はこれを閉じるつもりです。 –

0

みんなありがとう、私はそれを考え出したと思います。私はアヤックスには新しく、申し訳ありません。まずは... PUTリクエストを使用する必要があります。私はポストしかないと思った。第二に、私はjsonのURLへの正しいルートを使用する必要があります。迅速に対応してくれたので、私はこれを投稿するまで失われました。