在前端开发中，经常会遇到需要向不同域名或不同端口的服务器发送AJAX请求的情况。然而，浏览器出于安全考虑，限制了跨域AJAX请求的发送，这就需要我们使用一些技巧来解决这个问题。
跨域请求的问题
跨域请求是指在一个域名下的网页请求访问另一个域名下的资源，比如在www.example.com下的页面请求访问api.example.net下的API接口。由于浏览器的同源策略限制，JavaScript脚本只能从同一来源加载，因此跨域请求默认是被禁止的。
但是，这种限制在实际开发中有时候是必须的，因为很多Web应用程序都需要和不同的服务器进行通信，例如通过AJAX调用API或者访问其他Web服务。因此，为了能够跨域请求，在前端开发中通常使用JSONP、CORS等方式来实现跨域访问。
JSONP
JSONP（JSON with Padding）是一种利用script标签的src属性可以跨域访问的原理实现的方案。它利用了HTML5标准中对script标签的定义，支持异步加载JavaScript文件的功能，通过动态创建script标签并将callback函数作为参数传递到服务器端，从而实现跨域访问。
以下是一个JSONP请求的示例代码：
--------
---- -------------------------
--------- --------
-------------- -----------
-------- -------------- -
-----------------------
--
------ ------------- ------- ------ -
---------------------
-
---需要注意的是，在使用JSONP进行跨域请求时，需要确保服务端支持JSONP协议，并且返回的数据必须包含调用回调函数的代码。
CORS
CORS（Cross-Origin Resource Sharing）是一种浏览器技术，它允许浏览器向跨域服务器请求资源，并把响应返回给客户端。CORS通过在HTTP头部添加一些自定义的字段来实现跨域访问。
以下是一个使用CORS进行跨域请求的示例代码：
--------
---- -------------------------
----- ------
------------ -----
---------- -
---------------- ----
--
-------- -------------- -
-----------------------
--
------ ------------- ------- ------ -
---------------------
-
---需要注意的是，在使用CORS进行跨域请求时，需要确保服务端支持CORS协议，并且设置Access-Control-Allow-Origin等相关HTTP头部字段以允许跨域请求。
跨端口请求
除了跨域请求，有时候我们还需要向不同端口的服务器发送AJAX请求。例如，在开发时，如果后端和前端服务在不同端口上运行，则需要进行跨端口请求。
以下是一个使用jQuery向不同端口发送AJAX请求的示例代码：
--------
---- ------------------------------
----- ------
-------- -------------- -
-----------------------
--
------ ------------- ------- ------ -
---------------------
-
---需要注意的是，在向不同端口发送AJAX请求时，要确保服务端已经允许跨域请求（如使用CORS）并且设置了正确的端口号。
结论
本文介绍了在前端开发中如何发送跨域或跨端口的AJAX请求。对于跨域请求，我们可以使用JSONP或CORS
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/27698