几种常用的ajax配合json数据格式向后台发送请求以及后台如何接收数据

最新推荐文章于 2024-07-04 08:10:42 发布

ZixiangLi

最新推荐文章于 2024-07-04 08:10:42 发布

阅读量6.2k

点赞数 1

分类专栏： javascript jQuery 文章标签： jQuery javascript ajax json jsonp

本文链接：https://blog.csdn.net/ZixiangLi/article/details/73742316

版权

本文介绍了如何使用jQuery的$.ajax和$.getJSON方法进行无刷新请求，特别是结合jsonp格式向后台发送json数据。同时，文章提到了利用json-lib等库解析json数据，并给出了后台接收json对象和数组的示例。

摘要由CSDN通过智能技术生成

一、$.ajax()（无刷新）

jsonp格式：以url形式传递拼接数据：http://192.168.1.1/pwc/esb?gn=tx&cz=list&id=1&shzt=5

	var param = {id:$("#cxsq_xk_id").val(),shzt:$('input[name="cxsq_sfcd"]:checked').val()}
	$.ajax({
		type: "POST", //请求方式 post
		dataType : 'jsonp', //数据类型 jsonp
        	jsonp:"jsoncallback", //回调类型 jsonp
		contentType:"application/x-www-form-urlencoded; charset=utf-8", //请求内容类型（键值对，编码格式utf-8）
		url: "/esb?gn=ts&cz=check", // 请求地址
		data: param, //请求附带参数
		timeout:20000, //请求超时时间（20秒）
		error:function(XMLHttpRequest, textStatus, errorThrown){ //请求错误捕捉
			alert("连接服务器失败,请重试!");
		}, 
		success: function(responseData){ //请求成功捕捉
			$("#