ajax跨域问题(三种解决方案)

为什么会出现跨域


如何解决跨域问题


Demo1(添加允许跨域请求的响应头)

    html页面 Web后台 按照上面的访问,由于127.0.0.1:8080和localhost:8081的域和端口不同,所以同样会出现跨域问题。

现在用添加响应头的方式


Demo2(jsonp的callback方式)

这里演示的是jquery的ajax,后台采用的是webservice接口形式 注意此时的dataType为jsonp格式,看看后台的接收 , 我们返回的其实就是一个函数的调用文本,这里注意,callback的名称,由于前台没有指定callback函数,所以这里自动生成了,如果想自定义回调函数名称如下操作,添加一行请求参数 这样后台的回调函数名就变成了mytest 浏览器发出的请求格式和响应数据如下,其实就是返回函数的调用,而需要返回的数据则以函数参数值的形式填入 此时控制台就能够获取到“hello world”

推荐参考资料:

经验分享 程序员 微信小程序 职场和发展