Heim >Web-Frontend >js-Tutorial >struts2+jquery+json实现异步加载数据(自写)_jquery

struts2+jquery+json实现异步加载数据(自写)_jquery

WBOY
WBOYOriginal
2016-05-16 17:31:22868Durchsuche
复制代码 代码如下:

//初始加载页面时
$(document).ready(function(){
//为获取单个值的按钮注册鼠标单击事件
$("#getMessage").click(function(){
$.getJSON("ceshi",function(data){
//通过.操作符可以从data.message中获得Action中message的值
$("#message1").html(""+data.message+"");
});
});

//向服务器发送表达数据
$("#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("
"+data.message+"
")
},
error:function(){
$("#message2").append("
"+"信息出错了"+"
")
}
});
});


});
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn