專業居家清潔
免費到府估價,清潔養護馬上搞定
室內設計一張保單輕鬆享有人生各階段風險保障
通通幫您規畫好

首頁  •  j2h 論壇 • 程式設計討論     • 

[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 頁】 

    姓名:
    佈告內容:
    其他選項: