如不雅让 办事器3000 上的页面向 办事器 3001 提议请求会如何呢?
浏览器的同源策略,出于防备跨站脚本的进击,禁止客户端脚本(如 JavaScript)对不合域的办事进行跨站调用。
一般的,只要网站的 协定名protocol、 主机host、 端标语port 这三个中的随便率性一?不合,网站间的数据请求与传输便构成了跨域调用。这也是我们下面实践的理论基本。我们应用 NodeJs 创建了两个办事器,分别监听 3000、 3001 端口(下面简称 办事器3000 与 办事器3001 ),因为端标语不一样,这两个办事器以及办事器上页面通信构成了跨域请求。
在办事器3000 上有如下的页面:
办事器3000 上的请求页面中包含如下 JavaScript 代码:
- $(function() {
- $("#submit").click(function() {
- var data = {
- name: $("#name").val(),
- id: $("#id").val()
- };
- $.ajax({
- type: 'POST',
- data: data,
- url: 'http://localhost:3000/ajax/deal',
- dataType: 'json',
- cache: false,
- timeout: 5000,
- success: function(data) {
- console.log(data)
- },
- error: function(jqXHR, textStatus, errorThrown) {
- console.log('error ' + textStatus + ' ' + errorThrown);
- }
- });
- });
- });
办事器3000 对应的处理函数为
请求页面返回结不雅:
一、 跨域请求的含义
推荐阅读
一、简介本文是对16年的blackhat大年夜会上PinDemonium通用动态脱壳对象介绍。1. 通用脱壳对象简介通用脱壳对象可以经由过程以下办法实现: -debuggers -kernel modules -hyperv>>>详细阅读
本文标题:前端跨域请求原理及实践
地址:http://www.17bianji.com/lsqh/35417.html
1/2 1