织梦二次开发,二次开发,李丕长,网站php二次开发,做网站,模板设计,jquery效果,jquery特效

当前位置: 主页 > Jquery & JS >

jquery ajax 请求之ajax get方式请求数据

时间:2013-05-18 20:21作者:LEO 点击:
1、首先引入jquery库 比如我使用谷歌的jquery在线库 那么我在/body 之前加入如下代码(当然你可以自己下载jquery库) script type = text/javascript src = http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jqu

 1、首先引入jquery库 比如我使用谷歌的jquery在线库 那么我在</body>

之前加入如下代码(当然你可以自己下载jquery库)

 

  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"> 

2、接着我们设计一个简单的div 代码如下

在<body></body>直接复制一下代码

  1. <div class='getContent' id='getContent'>默认的内容你随便写</div> 

 

接着我们在</body>之前 jquery库之后写入如下代码

 

  1.  
    1. $(document).ready(function(){  
    2.     $.get("/plus/test.php",     //数据处理页面也就是你想要返回数据的url地址 
    3. {dopost:'reviews',aid:121}, //需要给test.php传过去的参数dopost参数名后面
    4. 的reviews参数值 aid也是参数名后面的 121为参数值  
    5. function(data){  
    6. $("#getContent").html(data);  
    7.       
    8.         });
    9. //数据返回之后处理函数这里是把返回的data数据插入到了id为getContent的标签之间  
    10.   
    11. });  
  2.  
以上代码要写在<script></script>之间哦

比如我们的test.php文件只输出一行代码如下

 

  1. echo '我是返回的数据你们接收到了吗?'

那么上面的div得到的值就是php输出的内容

是不是很简单??? 希望对你有用

 

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
无觅相关文章插件,快速提升流量