站內搜尋

Wednesday, December 19, 2012

[jQuery] 如何抓取Ajax回傳值中的部分資料

直接看程式碼:
 $.ajax({ url: "ajax.php", dataType:"html", success: function(data) { $('#div_temp').html(data); var ajax_1 = $('#div_temp').find("#ajax_1").text(); $('#input_1').val(ajax_1); var ajax_2 = $('#div_temp').find("#ajax_2").text(); $('#input_2').val(ajax_2); } }); 
說明如下...

網路上的ajax教學文章,通常取得回傳值data後,就沒有了。但是,我們實務上,可能需要過濾一下data裡面的資訊,直覺上,會直接對data進行find(),來擷取我們要的內容,但是這樣是不行的(謝晒在這邊卡關卡好久>"<),應該先把內容丟到一個物件中(這邊用#div_temp來裝,css的display可以設成none,就不會出現在畫面上了),然後再對#div_temp進行find()過濾,這樣就OK啦。

No comments:

Post a Comment