记录下怕了很久的jQuery Ajax今天终于学会了!Ajax实例代码

2010/06/21  |  23:14分类:生活琐事!  |  标签:  |  45
  1. $(document).ready(function(){
  2.  $('#click').click(function(){
  3.   var imgid=$('img').attr('id');
  4.    $.ajax({
  5.        type:"POST",
  6.        url: "get-ajax.php",
  7.        data:"id="+imgid,
  8.        datatype: "json",
  9.        timeout: 5000,
  10.        error: function(){
  11.      alert('ajax error!');
  12.      },
  13.      success:function(data){
  14.       if(data!=""){
  15.        //alert(data);
  16.        $("#bigimg").attr("src",data);
  17.       }
  18.        }
  19.     
  20.     });       
  21.  })
  22.  
  23. });
  24. <span id="more-560"></span>
  25. html代码
  26. <div id="click"><img src="images/phone.jpg" id="1"></div>
  27. <img src="images/logo2.jpg" id="bigimg">
  28. get-ajax.php文件代码
  29. <?php
  30.  include 'config.php';
  31.  //这里是获取的如同$_POST[]
  32.  $id=$sr->request('id','int','post');
  33.  $sql = "select * from `banner` where id = $id";
  34.  
  35. $rs = $db->query($sql);
  36. echo $rs[0]['image_url'];
  37. ?>
喜欢本文,那就收藏到: Del.icio.us Google书签 Digg Live Bookmark Technorati Furl Yahoo书签 Facebook 百度搜藏 新浪ViVi 365Key网摘 天极网摘 和讯网摘 博拉网 POCO网摘 添加到饭否 QQ书签 Digbuzz我挖网

2条评论 关于 “记录下怕了很久的jQuery Ajax今天终于学会了!Ajax实例代码”

  1. 菏泽生活 发表于: 七月 8th, 2010 07:21

    希望你的博客办出自己的特色,吼吼~~~~~~

  2. 苗木 发表于: 七月 13th, 2010 15:15

    淡 淡 的 一 句 祝 福

    倾 注 了 无 限 真 诚

    呵呵 祝开心快乐


发表您的评论