ajax跨域的实现

<script>
var api1="http://www.runoob.com/try/ajax/jsonp.php?jsoncallback=?";
//1.解决跨域问题方法：一般在api1后面加上?jsoncallback=?
$.getJSON(api1, function(data) {
console.log(data);
});
//2.使用下面的方式
var api2="https://api.douban.com/v2/movie/in_theaters";
$.ajax({
url: api2,
type: 'GET',
dataType: 'JSONP',//here
success: function (data) {
console.log(data);

}

});

//3.自己后端人员写出的接口

var api3="http://127.0.0.1:8080/huawangManager/NewsList";
$.ajax({
url: api3,
type: 'post',
crossDomain: true,
dataType: 'jsonp',//her
jsonp:'callback',//jsonp的值要与后台相同
data:{page:1,rows:8},//url后所带参数
success: function (data) {
console.log(data);
},
error:function(){
console.log(111);
}
});

</script>

//准对第三种情况后台的代码

String page=request.getParameter("page");

String rows=request.getParameter("rows");

String callback = request.getParameter("callback"); //与前端相同

JSONObject result=new JSONObject();

String res= callback+"("+result.toString()+")";  

PrintWriter out = response.getWriter();

out.println(res);

out.flush();          

out.close();