当POST方法失败时，如何修复Jquery上的cors origin错误？

Question

嗨，团队，我有以下错误，似乎无法修复它，我的post方法保持失败，要么当我在Visual Studio代码上执行Rest客户端请求时，要么不是浏览器或任何Restful工具。

jquery.js:9664后->URL<-404（未找到）

//此错误的JavaScript代码。

 // button for switch functionality on/off.
  $(document).ready(function() {
    $('#toggle_event_editing ').click(function(){
      if($(this).hasClass('locked_active')) {
      $('#switch_status').html('Switched off');
        $.ajax({
          url:'myurl',
          type:'POST',
          data:{
            payload_raw: 'AAA',
            dev_id:'mkr1300'
          },
         success:function(response){
         alert(response);
          },
         error:function() {
           $('#error').text("There was an error while processing your request. Please try again");
          }
        }); 

    }else{
    $('#switch_status').html('Switched on.');
    $.ajax({
      url:'myurl',
      type:'POST',
      data:{
        payload_raw:'AAE',
        dev_id:'mkr1300'
      },
      success:function(response) {
      alert(response);
      },
      error:function() {
      $('#error').text("There was an error while processing your request.Please try again");
      }
    });
    }
    });
  });

Answer 1

我认为您的后端正在阻止请求。最短的解决方案是将这段代码添加到后端项目中的webconfig中：

<httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*" />
        <add name="Access-Control-Allow-Headers" value="application/json" />
        <add name="Access-Control-Allow-Method" value="GET,POST,PUT,DELETE,OPTIONS" />
      </customHeaders>
</httpProtocol>