Ajax data向URL 后台传参

最新推荐文章于 2024-09-16 13:11:44 发布

原创最新推荐文章于 2024-09-16 13:11:44 发布 · 2.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#AJax传参 data传参 #AJax url里面传参 Ajax 向后

jquery 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一种在移动端利用MUI框架实现AJAX向后台API传递参数的方法。通过具体实例展示了如何设置AJAX请求的参数及处理响应数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 首先拿到后台API的一段URL是这个/dispatch/dispatch?dispatcherName={dispatcherName}&orderNo={orderNo}&carNo={carNo}&driverName={driverName}

红字的部分就是我们需要传入的参数。这里我们将它删除 url: /dispatch/dispatch?

2.下面我们开始写AJax 这里是移动端开发所以使用的是MUI框架里面的ajax，下面贴代码

$("#dispatch").on("tap",function(){
		
				mui.ajax("http://XXXXX/GCMS//dispatch/dispatch?",{
				data:{
	"dispatcherName":"测试乘客1",
	"orderNo":$("#iner").html(),
	"carNo":$("#iner3").html(),
	"driverName":$("#iner4").html()
	
	
	},
	dataType:'json',//服务器返回json格式数据
	type:'get',//HTTP请求类型
	timeout:10000,//超时时间设置为10秒；
	              
	success:function(data){
		//服务器返回响应，根据响应结果，分析是否登录成功；
		alert(data.msg)
		
	},
	error:function(xhr,type,errorThrown){
		//异常处理；
		console.log(data);
	}
});

其中 data{}里面定义的数据就是/dispatch/dispatch?dispatcherName={dispatcherName}&orderNo={orderNo}&carNo={carNo}&driverName={driverName} 这里面的参数