ローカルホストから同じWi-Fi上の別のサーバーへのAjaxリクエスト

Question

実際にいくつかの質問がさまざまなシナリオで発生しています。

したがって、RESTfulなサーバーがホストされているのと同じ無線LANに接続されています。

IntelliJでWebページを開き、自分のマシンにローカルホストサーバーを作成して、Webカメラを起動できるようにしました。 （私のファイルディレクトリからWebページを開こうとすると、Webカメラは起動しません）

私はこのようなajaxリクエストをしようとしています。

$.ajax({ 

      url: 'http://192.xxx.x.xx:xxxx/restful/webapi/enroll', 
      //url: 'http://localhost:63xxx/example-1.0.0.0-samples/', 
      type: 'PUT', 
      contentType: "application/json", 
      processData: false, 
      data: data, 
      dataType: 'json', 
      crossDomain:true, 
      error: function (xhr, status) { 
       if(xhr.status != "201"){ // 201 means it is Created, rather than 200 which means Success 
        $("#statusEnrollmentMsg").text("Fail " + status); 
        console.log(error); 
       }else{ 
        $("#textbox").text("success"); 
       } 
      }, 
      success: function (result) { 
       $("#textbox").text("success"); 
      } 
     });

常にこのようなエラーを取得エラーコード

jquery.min.js:4 OPTIONS http://192.xxx.x.xx:xxxx/restful/webapi/enroll 
    send @ jquery.min.js:4 
    ajax @ jquery.min.js:4 
    OnEnroll @ example.js:130 
    onclick @ example.html:54 
    example.html:1 
    XMLHttpRequest cannot load http://192.xxx.x.xx:xxxx/restful/webapi/enroll. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. 
    Origin 'http://localhost:63xxx' is therefore not allowed access. The response had HTTP status code 404. 

イム。 コメントが分からない場合は、私は調整を行います。

クロスドメインは既にtrueに設定されています。

jsonオブジェクトをこのサーバーに送信します。これが適切なプロトコルであるかどうかはわかりません。ご意見をお聞かせください。

Answer 1

チェックドキュメント：http://api.jquery.com/jQuery.ajax/

クロスドメイン（デフォルト： クロスドメインリクエストのため、同じドメインの要求のための偽真）：あなたが強制したい場合は、ブール

タイプ同じ ドメイン上のcrossDomainリクエスト（JSONPなど）にcrossDomainの値をtrueに設定します。これにより、 の例では、別のドメインへのサーバー側のリダイレクトが可能になります。 （バージョンが追加さ： 1.5）

をあなたのコードは、クロスドメインが既にtrueに設定されているこの

$.ajax({ 

      url: 'http://192.xxx.x.xx:xxxx/restful/webapi/enroll', 
      type: 'PUT', 
      crossDomain: true, 
      contentType: "application/json", 
      processData: false, 
      data: data, 
      dataType: 'json', 
      crossDomain:true, 
      error: function (xhr, status) { 
       if(xhr.status != "201"){ // 201 means it is Created, rather than 200 which means Success 
        $("#statusEnrollmentMsg").text("Fail " + status); 
        console.log(error); 
       }else{ 
        $("#textbox").text("success"); 
       } 
      }, 
      success: function (result) { 
       $("#textbox").text("success"); 
      } 
     });