[JQuery] 接收陣列的簡潔寫法 ?

一張保單輕鬆享有人生各階段風險保障
通通幫您規畫好

您還敢使用滿是變種細菌的電話通話嗎
請定期電話清潔消毒,

首頁 ‧ tw 論壇 ‧ 程式設計討論 ‧

[JQuery] 接收陣列的簡潔寫法 ?

房東：布丁

發表時間：2011-04-18

[檢舉]

這是server端的echo陣列部分

1
2
3
4

while($row = mysql_fetch_array($result, MYSQL_ASSOC)){
$name = $row["name"];
echo ",".$name ;
}

這是client端的部分

1
2
3
4
5
6
7
8

success: function(response) {
var Array = response.split(",");
var str = "";
for(var i=1;i<Array.length;i++){
str+="<input type=\\"text\\" value=\\""+Array[i]+"\\">";
}
$(\'#msg\').html(str)
}

最近剛開始看jquery的教學文件....想請教的是，關於client端的部分，jquery應該有更精簡的寫法??

贊助網站

廣利不動產-板橋在地生根最實在--新板特區指名度最高、值得您信賴的好房仲
完整房訊，房屋、店面熱門精選物件，廣利不動產優質仲介，房屋租賃、買賣資訊透明，交易真安心！
廣利不動產-新板特區指名度最高、值得您信賴的好房仲
您的托付,廣利用心為您服務


1 樓住戶：阿凱發表時間：2011-04-18	[檢舉]

輸出為 json 即可。view plaincopy to clipboardprint?
$mydata = array(
'a' => 123,
'b' => 456
);
echo json_encode($mydata);

$mydata = array(
'a' => 123,
'b' => 456
);
echo json_encode($mydata);


2 樓住戶：小美發表時間：2011-04-18	[檢舉]

1
2
3
4
5

var data = [1,2,3,4,5,6];

$.each(data, function(i, d) {
$("<input type='text'></input>").val(d).appendTo("#sampleDiv");
});

1. 參考 jQuery 有一些不錯的 Utility

http://docs.jquery.com/Utilities

2. 要放資料到 input, 用字串方式，還得要考慮 escape

3. DOM 操作，也有不少方便的方法～～～

http://docs.jquery.com/Manipulation


3 樓住戶：小米發表時間：2011-04-18	[檢舉]

語法：

$.each(object,callback)

例如：陣列

Var stations=[“台北”,”板橋” ,”桃園” ,”新竹” ,”台中” ,”嘉義” ,”台南” ,”高雄”];
- 方式一：$.each(stations,function(){…});
- 方式二：$(stations).each(function(){…})

範例：

01 <HTML>

02 <HEAD>

`03`	`<script` `type="Text/JavaScript"` `src="js/jQuery.js"></script>`

`04`	`<script` `type="Text/JavaScript">`

`05`	`$(document).ready(function(){`

`06`	`var stations=['台北','板橋' ,'桃園' ,'新竹' ,'台中' ,'嘉義' ,'台南' ,'高雄'];`

07

`08`	`$('#btn1').click(function(){`

`09`	`$.each(stations,function(){`

`10`	`$('#div1').append('<p>' + this + '</p>');`

11 });

12 });

`13`	`$('#btn2').click(function(){`

`14`	`$(stations).each(function(){`

`15`	`$('#div1').append('<p>' + this + '</p>');`

16 });

17 });

18 })

19

`20`	`</script>`

21 <style>

22 .d1{

`23`	`background-color:yellow;`

`24`	`color:blue;`

`25`	`font-size:18px;`

26 }

`27`	`</style>`

28 </HEAD>

29 <BODY>

`30`	`<FORM` `action=""` `method=POST` `id=form1` `name=form1>`

`31`	`<input` `type="button"` `id="btn1"` `value="設定每個P的內容"` `/>`

`32`	`<input` `type="button"` `id="btn2"` `value="設定每個P的內容"` `/>`

`33`	`<hr` `/>`

`34`	`<div` `id="div1">我是div1</div>`

35 </FORM>

36 </BODY>

37 </HTML>

　共 3 人回應　　選擇頁數【第1 頁】