复制代码 代码如下:
//初始加载页面时
$(document).ready(function(){
//为获取单个值的按钮注册鼠标单击事件
$("#getMessage").click(function(){
$.getJSON("ceshi",function(data){
//通过.操作符可以从data.message中获得Action中message的值
$("#message1").html("<font color='red'>"+data.message+"</font>");
});
});
//向服务器发送表达数据
$("#getabc").click(function(){
//把表单的数据进行序列化
var params = $("form").serialize();
//使用jQuery中的$.ajax({});Ajax方法
$.ajax({
url:"ceshi",
type:"POST",
data:params,
dataType:"json",
success:function(data){
//为显示层添加获取到的数据
//获取对象的数据用data.userInfo.属性
$("#message2").append("<div><font color='red'>"+data.message+"</font></div>")
},
error:function(){
$("#message2").append("<div><font color='red'>"+"信息出错了"+"</font></div>")
}
});
});
});
您可能感兴趣的文章:
- jquery form 加载数据示例
- jquery Ajax 实现加载数据前动画效果的示例代码
- 拉动滚动条加载数据的jquery代码
- asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
- asp.net+jquery滚动滚动条加载数据的下拉控件
- Asp.net利用JQuery弹出层加载数据代码
- jQuery滑动到底部加载下一页数据的实例代码