Html5+Mui前端框架,开发记录(二):提交不了数据?

1.Mui 请求Webapi接口,返回所需要的数据(get,post)

                  mui.ajax({
					url: getAddress() + '/api/Qiliu/get?jsoncallback=?',
					data: {},
					async: false,
					dataType: 'json',
					crossDomain: true, //强制使用5+跨域  
					type: 'get',
					timeout: 10000,
					success: function(data) {		
                                       //xxx逻辑       
                                         }
                                  });

  

mui.ajax({
					url: getAddress() + '/api/Kedan/Post?jsoncallback=?',
					data: {
						DailisId: Id,
						GukeName: name.value,
						GukePhone: phone.value,
						Xfxm: xfxm.value,
						HId: zxyy.tabIndex,
						Money: xfmoney.value,
						CTime: startdate.value,
						Remark: textarea.value,
						Pzimg:fd
					},
					async: true,
					dataType: 'json',
					crossDomain: true, //强制使用5+跨域  
					type: 'post',
					timeout: 10000,
					success: function(data) {
						mui.alert('提交成功!', '提示');
						name.value = "";
						phone.value = "";
						xfxm.value = "";
						xfmoney.value = "";
						startdate.value = "";
						textarea.value = "";
						var s = document.getElementById('imgs');
						s.innerHTML="";
					},
					error: function(xhr, type, errorThrown) {}
				});

  2.但是如果浏览器报错为

1 Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:8020' is therefore not allowed access. The response had HTTP status code 403.错误。

导致请求不到、提交不了数据。很大一部分原因是Webapi“跨域”,解决办法是:

找到你的Webapi项目—右键选择“管理NuGet程序包”—在浏览的搜索框,搜索下载即可:

 

转载于:https://www.cnblogs.com/bonnie-w/p/10748984.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值