mui-ajax传参-贴代码的处女贴

最近在学习mui做手机app,主要方式是模仿公司前辈写的其他页面的代码。

下面是我今天做的一个功能模块:私家车登记

页面是模仿看到的还不错的页面写的,如下:

 

功能描述:填写信息,点击确认将数据通过接口提交到后台保存到数据库中去。

这里提到的接口是人家写好提供的,如下:

http://61.135.19.182:888/pa_SpAcs/process/pms_vradd?PlateNo=A30525&CardNo=admin&CarColor=1&CarType=1&PlateColor=0&PlateType=0&CarBrand=fk&Driver=sss&DriverName=asmij&DriverPhone=13955649968&Authorize=1001&orgType=1&type=APP

通过浏览器访问后结果

 {"success":true,"meg":"插入成功","z_pms_vehicle":[20]}

如何实现?

说起来挺简单的,点击确定时触发事件,获取表单中的值,通过ajax将值传到后台,后台响应成功。

但是因为是模仿前辈其他类似功能的页面写的,那个页面参数是转成xml格式后再通过ajax传到后台的,然后我傻傻的模仿,结果一直报500错误,折腾了不少时间大概知道是xml的错误,具体又不清楚,只能把错误和疑惑整理成文档发给前辈求救。

前辈说了如下几句话:

这个接口他不是提交xml的,你打开地址的那个不是很清楚吗

你看你访问的正确的接口是xml吗

直接提交参数,不要转换成xml

明白了,到底是经验不够,学的不精的锅!!

滋味难以抒发,更觉要好好学习。

下面是script的代码,改正过后的,直接将地址和参数拼接通过ajax访问

<script type="text/javascript">
			mui.init();
			var xmlhelper=new XmlHelper();
			var type=document.getElementById("app").value;
			var PlateNo=document.getElementById("plateNo").value;
			var CardNo=document.getElementById("cardNo").value;
						var CarColor=document.getElementById("carColor").value;
						var CarType=document.getElementById("carType").value;
						var PlateColor=document.getElementById("plateColor").value;
						var PlateType=document.getElementById("plateType").value;
						var CarBrand=document.getElementById("carBrand").value;
						var Driver=document.getElementById("cardNo").value;
						var DriverName=document.getElementById("driverName").value;
						var DriverPhone=document.getElementById("driverPhone").value;
						var Authorize=document.getElementById("authorize").value;
						var orgType=document.getElementById("orgType").value;
						var param="?PlateNo="+PlateNo+"&CardNo="+CardNo+"&CardNo="+CardNo+"&CardNo="+CardNo
						+"&CarColor="+CarColor+"&CarType="+CarType+"&PlateColor="+PlateColor+"&PlateType="+PlateType+"&CarBrand="+CarBrand
						+"&Driver="+Driver+"&DriverName="+DriverName+"&DriverPhone="+DriverPhone+"&Authorize="+Authorize+"&orgType="+orgType
						+"&type="+type;
			
		var domXml = '<?xml version="1.0" encoding="utf-8" ?>';
			function addCar(){
			//在这定义避免拼接重复
			var CarDetails = "";
			var CarPerson = "";
			var CarCar = ""
			validFrom("detailForm",function(i,il,check){
				if(check){
					
					var url ="/process/pms_vradd"+param;
					baseAjax(url,null,'JSON',function(data){
						var d = eval('(' + data + ')');
						
						if(d.success){
							mui.alert("保存成功","提示");
							mui.back();
						}
					});
					
					
				}
			});
		}
			
		</script>
<script type="text/javascript">
			mui.init();
			var xmlhelper = new XmlHelper();
			var type = document.getElementById("app").value;
			var PlateNo = document.getElementById("plateNo").value;
			var CardNo = document.getElementById("cardNo").value;
			var CarColor = document.getElementById("carColor").value;
			var CarType = document.getElementById("carType").value;
			var PlateColor = document.getElementById("plateColor").value;
			var PlateType = document.getElementById("plateType").value;
			var CarBrand = document.getElementById("carBrand").value;
			var Driver = document.getElementById("cardNo").value;
			var DriverName = document.getElementById("driverName").value;
			var DriverPhone = document.getElementById("driverPhone").value;
			var Authorize = document.getElementById("authorize").value;
			var orgType = document.getElementById("orgType").value;
			var param = "?PlateNo=" + PlateNo + "&CardNo=" + CardNo + "&CardNo=" + CardNo + "&CardNo=" + CardNo +
				"&CarColor=" + CarColor + "&CarType=" + CarType + "&PlateColor=" + PlateColor + "&PlateType=" + PlateType + "&CarBrand=" + CarBrand +
				"&Driver=" + Driver + "&DriverName=" + DriverName + "&DriverPhone=" + DriverPhone + "&Authorize=" + Authorize + "&orgType=" + orgType +
				"&type=" + type;

			var domXml = '<?xml version="1.0" encoding="utf-8" ?>';

			function addCar() {
				//在这定义避免拼接重复
				var CarDetails = "";
				var CarPerson = "";
				var CarCar = ""
				validFrom("detailForm", function(i, il, check) {
					if(check) {

						var url = "/process/pms_vradd" + param;
						baseAjax(url, null, 'JSON', function(data) {
							var d = eval('(' + data + ')');

							if(d.success) {
								mui.alert("保存成功", "提示");
								mui.back();
							}
						});

					}
				});
			}
		</script>
第一个代码格式有点乱,不会删,下面又贴了一个一样的。


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以使用mui-player的video标签来播放RTSP格式的视频。不过需要使用一个第三方库来转换视频流为HLS格式,因为mui-player并不支持直接播放RTSP。 下面是一个示例代码: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>播放RTSP格式视频</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入mui的CSS文件 --> <link rel="stylesheet" href="//cdn.bootcss.com/mui/3.7.1/css/mui.min.css"> <!-- 引入mui的JS文件 --> <script src="//cdn.bootcss.com/mui/3.7.1/js/mui.min.js"></script> <!-- 引入video.js的CSS文件 --> <link href="//cdn.bootcss.com/video.js/7.11.4/alt/video-js-cdn.min.css" rel="stylesheet"> <!-- 引入video.js的JS文件 --> <script src="//cdn.bootcss.com/video.js/7.11.4/alt/video.core.min.js"></script> <!-- 引入videojs-contrib-hls的JS文件 --> <script src="//cdn.bootcss.com/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script> <!-- 引入video.js的样式文件 --> <style type="text/css"> .video-js { height: 100%; width: 100%; background-color: #000; } </style> </head> <body> <div id="video-container"> <video id="video-player" class="video-js vjs-default-skin"></video> </div> <script> mui.init(); mui.ready(function () { var player = videojs('video-player', { controls: true, autoplay: true, preload: 'auto', techOrder: ['html5', 'flash'], sources: [{ src: 'http://example.com/live', type: 'application/x-mpegURL' }] }); player.play(); }); </script> </body> </html> ``` 其中 `http://example.com/live` 是一个RTSP流地址,需要使用第三方库将其转换为HLS格式的地址。你可以使用 `ffmpeg` 命令行工具来完成转换,具体命令如下: ``` ffmpeg -i rtsp://example.com/stream -c copy -bsf:v h264_mp4toannexb -f mpegts output.ts ``` 这个命令将会把 `rtsp://example.com/stream` 转换为 `output.ts` 文件,然后你可以启动一个HTTP服务器来提供这个文件的访问,或者使用一个CDN来提供这个文件的访问。最后将HLS格式的地址填入上面代码的 `sources` 数组中即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值