在JS中如何实现ajax和同源策略

<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="{% static 'JS/jquery-3.1.1.js' %}"></script></head><body> <button class="send_Ajax">send_Ajax</button> <script> //$.ajax的两种使用方式:  //$.ajax(settings); //$.ajax(url,[settings]);   $(".send_Ajax").click(function(){   $.ajax({  url:"/handle_Ajax/",  type:"POST",  data:{username:"Yuan",password:123},   success:function(data){   alert(data)  },    //=================== error============   error: function (jqXHR, textStatus, err) {    // jqXHR: jQuery增强的xhr   // textStatus: 请求完成状态   // err: 底层通过throw抛出的异常对象，值与错误类型有关   console.log(arguments);   },    //=================== complete============   complete: function (jqXHR, textStatus) {   // jqXHR: jQuery增强的xhr   // textStatus: 请求完成状态 success | error   console.log('statusCode: %d, statusText: %s', jqXHR.status, jqXHR.statusText);   console.log('textStatus: %s', textStatus);  },   //=================== statusCode============  statusCode: {   '403': function (jqXHR, textStatus, err) {   console.log(arguments); //注意：后端模拟errror方式：HttpResponse.status_code=500   },    '400': function () {   }  }   })  }) </script></body></html>

在JS中如何实现ajax和同源策略

在JS中如何实现ajax和同源策略

1回答