jquery ajax 请求详解,请求成功后回调函数中的参数“data”是指什么请各位大侠帮忙看看!谢谢啦!

jquery ajax 请求详解,请求成功后回调函数中的参数“data”是指什么请各位大侠帮忙看看!谢谢啦!,第1张

data 是 你通过访问Ajax 中url 对应的页面后,返回的值。相当于执行url那个页面后输出的内容。

在function(){} 里面你就可以把 获取到的data 进行处理,根据需要把获取的信息进行 *** 作。

已经加载完成的页面是不能调用 documentwrite 的,你应该这样:

$get(xxx, function(data){

    var div = documentcreateElement("div");

    documentbodyappend(div);

    divinnerHTML = data;

});

后台解析ajax传递的数据,这主要看前端传递数据的格式,主要有以下几种常见的。

1、前端ajax传递表单数据,类似{name:'zhangsan',age:'17'}

后台只需利用requestgetParameter("name")形式即可获取对应的value值。

2、前端传递json数据格式。后台可以直接获取json字符串,然后利用相关的API转成对应的Java对象。或者直接利用springMvc的注解@RequestBody注解。

@RequestMapping(value = "/save")

public void save(@RequestBody User user){

}

这样传递的json数据会自动封装成user对象。

如果当前传递的是一个json数组,则后端可以定义一个VO对象,vo对象中存放一个userList。

public class UserVO{

private List<User> dataList;

}

@RequestMapping(value = "/save")

public void save(@RequestBody UserVO userVO){

}

jquery ajax请求成功,进入了success,但是返回的数据data为空是因为设置出现问题,解决方法为:1、创建基本的文件结构json_ajaxhtml和json_ajaxphp,下载jqueryjs。

2、如图编写json_ajaxhtml和json_ajaxphp文件的编码。

3、在w(l)amp环境下运行json_ajaxhtml。

4、json_ajaxphp,运行结果如图。

5、点击按钮,正常的运行结果如下图。

扩展资料定义和用法:ajaxSuccess() 方法在 AJAX 请求成功时执行函数。它是一个 Ajax 事件。详细说明:XML>

一般情况下 后台传回JSON字串

前端收到以后先转成json 对象  然后遍历取出 数值 刷新页面组件

var jsonOprtInfo;

ExtAjaxrequest({

    url: "php/tools/get_user_tipsphp",method: 'POST',async : false,scope: this,

    success: function(response, options) {

         jsonOprtInfo = ExtutilJSONdecode(responseresponseText);

                documentgetElementById("top_user")innerHTML = "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td align=\"center\" ><img src = '/images/oprpng' width = 36px height = 36px /></td></tr><tr><td align=\"center\" height = 30px>用户:" + jsonOprtInfoOprtPowerInfoOprtNo +"</td></tr></table>";  // jsonOprtInfoOprtPowerInfo[0]OprtNo

                 

                documentgetElementById("top_group")innerHTML = "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td align=\"center\" ><img src = '/images/usergrouppng' width = 36px height = 36px /></td></tr><tr><td align=\"center\" height = 30px>组:" + jsonOprtInfoOprtPowerInfoOprtName +"</td></tr></table>";  // jsonOprtInfoOprtPowerInfo[0]OprtNo

                 

                documentgetElementById("top_exit")innerHTML = "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td align=\"center\"><a href=\"javascript:void(0);\" onclick=\"AppLoginOut();\"><img src = '/images/forwardgif' width = 36px height = 36px /></a></td></tr><tr><td align=\"center\" height = 30px>退出</td></tr></table>";

                },

                });

//定义一个全局变量 prize

var prize;

function getData(){

$ajax({

url:"kkphp",

data : { act:'pz', data:{} },

success : function(data) {

// 就是这个data! 返回了想要的数值,但是怎么在ajax外面调用哦?

prize = data;//在这里赋值,就可以给全局变量赋值了!!!!

}

})

}

//页面加载完调用getData()方法

$(

getData();

);

这样就可以了

以上就是关于jquery ajax 请求详解,请求成功后回调函数中的参数“data”是指什么请各位大侠帮忙看看!谢谢啦!全部的内容,包括:jquery ajax 请求详解,请求成功后回调函数中的参数“data”是指什么请各位大侠帮忙看看!谢谢啦!、js的ajax问题,.get()data怎么取到页面、后台怎么解析ajax传递的数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10124328.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存