JQuery的AJAX局部刷新使用操作
2017-05-03 19:58
246 查看
<script src="$js/jquery-1.8.3.js"></script>
<script type="text/javascript">
function userInput(txtStr) {
//取文本框的值
var userStr = txtStr.value;
var data = {"name":userStr};//意思是&name=userStr
$ajax({
type : "post", //请求方式,get或post
url : "NotFriendSer", //请求的URL
async : false, //同步请求
data : data,
timeout:1000,//超时时间设置,单位毫秒
success:function(dates){//请求成功的回调函数
$(".img1").html(dates);//要刷新的div
}
});
}
</script>
这个方法可以实现单独刷新一个div,如果将div里需要的信息单独放到一个jsp页面里,就不需要我们后台拼装数据了。
<script type="text/javascript">
function userInput(txtStr) {
//取文本框的值
var userStr = txtStr.value;
var data = {"name":userStr};//意思是&name=userStr
$ajax({
type : "post", //请求方式,get或post
url : "NotFriendSer", //请求的URL
async : false, //同步请求
data : data,
timeout:1000,//超时时间设置,单位毫秒
success:function(dates){//请求成功的回调函数
$(".img1").html(dates);//要刷新的div
}
});
}
</script>
这个方法可以实现单独刷新一个div,如果将div里需要的信息单独放到一个jsp页面里,就不需要我们后台拼装数据了。
相关文章推荐
- 使用jQuery实现Ajax异步提交表单实现局部刷新
- 使用Coolite.AjaxMethods.XXX局部刷新Microsoft的GridView
- 使用 AJAX,局部刷新 GridView 进行数据绑定的简单实现
- asp.net :使用jquery 的ajax +WebService+json 实现无刷新去后台值
- 使用 AJAX,局部刷新 GridView 进行数据绑定的简单实现@孟宪会
- Jquery 局部刷新及 表单取值赋值 处理返回json数据 一些基本操作
- asp.net :使用jquery 的ajax +WebService+json 实现无刷新去后台值
- 通过jQuery实现Ajax局部刷新
- 使用 AJAX,局部刷新 GridView 进行数据绑定的简单实现
- MVC2 与 JQuery 的 Ajax 实现局部刷新的问题
- 使用jquery 如何编写实现请求本页面的无刷新操作
- 使用jQuery简化ajax操作
- JQuery的Ajax请求实现局部刷新 小案例
- 使用AJAX技术实现网页无闪自动局部刷新
- Jquery 局部刷新及 表单取值赋值 处理返回json数据 一些基本操作
- 使用Jquery 来AJAX操作!
- 使用AJAX技术实现网页无闪自动局部刷新
- JQuery的Ajax请求实现局部刷新
- js 和Jquery 实现Ajax 局部刷新
- 使用Coolite.AjaxMethods.XXX局部刷新Microsoft的GridView