先把代码贴一贴!
以下是HTML的代码:
<body>
<form action="#" method="post">
<input type="text" id="name" />用户名
<input type="password" id="password" />密码
<input type="button" value="登录" οnclick="logIn()"/>
</form>
<script>
function logIn(){
var name=$("#name").val();
var passwor=$("#password").val();
$.ajax({
type:"post",
url:"这里输入你要调用的URL地址",
//dataType:"jsonp", //这里先打一个注释,因为jsonp是不支持post的方法,只支持get的方法,所以如果type是使用post的方法,不需要填写这句
jsonpCallback:'handleResponse', //设置jsonp的回调函数的页头,这也必须写,否则也不能把值返回
data:{
loginId:name,
password: passwor,
},
success:function(data){
console.log(data);
}
});
}
</script>
</body>
后台代码:
我所使用的是.net MVC模式的,具体的ACTION类的写法就不写出来了,这个我相信大家都会写.以下贴 web.config的关键代码。
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="Content-Type" />
<add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
</customHeaders>
</httpProtocol>
以上的这段代码,在项目中的web.config里面复制黏贴,这代码是关键,不然就实现不到跨域访问。
还会继续研究JAVA的跨域情况,因为JAVA的框架还没搭好,N多的报错.烦死了!