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

js教程评论628 views阅读模式
复制代码 代码如下:

//初始加载页面时

$(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("

"+"信息出错了"+"

")

}

});

});

});

企鹅博客
  • 本文由 发表于 2019年9月5日 08:49:48
  • 转载请务必保留本文链接:https://www.qieseo.com/421995.html

发表评论