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