当前位置：首页 → 问答吧 → 请教一下jquery中ajax的问题

请教一下jquery中ajax的问题

时间：2010-05-15

来源：互联网

小弟接触jq和ajax不久，现正要使用到以下功能，自己琢磨了半天没搞定，于是发上来请教一下蓝色中的大牛们。谢谢！

现有两个页面，一个是index.html，另外一个是response.php
index.html中有两个元素，分别为一个按钮和一个div
现在当点击这个按钮时，会跳转到response.php这个页面，同时response.php页面会显示一句话。
现在想通过ajax的功能，实现以下功能：
当点击按钮后，页面不跳转，而是将response.php中的那句话显示在现在这个页面中的div内。

我想这个应该就要用到ajax中的get功能吧，但我弄了好久没实现，郁闷。谁能帮助一下？
注:使用jquery.js为基库。

作者: cwlf 发布时间: 2010-05-15

复制内容到剪贴板

代码:

作者: kfguoguo 发布时间: 2010-05-15

引用:

原帖由 kfguoguo 于 2010-5-15 23:55 发表

$(function (){
$('#show').load('response.php')
})

我试了，好像没用啊

作者: cwlf 发布时间: 2010-05-16

假设你的index.html内容为：
<button id="btn1">click here</button>
<div id="msg"></div>
ajax代码可以这样写：
$('#btn1').click(function(){
  var r;//这个r就是返回的结果，先定义一下而已
  $.get('response.php', function(r){
//r已经获得到了，然后复制就可以了
$('#msg').html(r);
  });
});

LZ试试吧

作者: QQ379699897 发布时间: 2010-05-16

没用啊。是这样的

前面已经引用了jquery.js
<script type="text/javascript">
function showip(url){
  var r;
  $.get(url, function(r){
$('#msg').html(r);
  }
);
</script>
<a href="#" onclick="showip('../../ip/?202.114.171.1')">查</a>
<div id="msg"></div>

我这样弄了，没用。。没反应

作者: cwlf 发布时间: 2010-05-16

如果我想取的是response.php页面中<div id="aaa"></div>中的文字呢？那应该怎么办？
现在这个get到的r好像包括这页面中的所有元素。。。

作者: cwlf 发布时间: 2010-05-16

得到的文字用正则匹配出来

作者: ariesjia 发布时间: 2010-05-16

其实不用正则也可以
假如r是.php返回的结果，r='<div id="aaa">This is the contents I want.</div>bbbbbbbbbbbbbb bbbbbbbbbbbbbbb bbbbbbbbbbb'
这个时候你就不能用$('#aaa').html(r);了，因为会出现两个id为aaa的元素，而这样是不允许的，加入r里面id=aaa改为bbb，你就可以这样：
$('#aaa').html(a).html($(this).children('#bbb').html());
这样一般就可以了，当然用正则比较快。

作者: QQ379699897 发布时间: 2010-05-16

引用:

原帖由 QQ379699897 于 2010-5-16 18:55 发表
其实不用正则也可以
假如r是.php返回的结果，r='This is the contents I want.bbbbbbbbbbbbbb bbbbbbbbbbbbbbb bbbbbbbbbbb'
这个时候你就不能用$('#aaa').html(r);了，因为会出现两个id为aaa的元素，而这样是不允 ...

成功是成功了，可是最后结果出来的全是乱码。。。。- -！不知道怎么回事。
那些文件都是gb2312的。

作者: cwlf 发布时间: 2010-05-16

用UTF8吧，不过网友也有解决的办法，建议参考以下网址：
http://www.4studio.cn/blog/?p=193
仅供参考。

作者: QQ379699897 发布时间: 2010-05-17