錯(cuò)誤詳情

• 在使用ajax向http服務(wù)器請(qǐng)求時(shí)，出現(xiàn)以下錯(cuò)誤：

  Response to preflight request doesn't pass access control check: 
  No 'Access-Control-Allow-Origin' header is present on the requested resource.
  

• 請(qǐng)求如下：

  $.ajax({
      url: "http://127.0.0.1/getname",
      type: 'GET',
      success: function (data) {
          UpdateNameInput(htmlDomInputID, data);
      },
      error: function () {
          console.log("Get Rand Name Failed!");
      }
  });
  

• 服務(wù)器為golang實(shí)現(xiàn)

一種解決

• 查了好多資料，嘗試了好多方法，最終用了這個(gè)_StackOverflow
• 即

  try {
  	var xhttp = new XMLHttpRequest();
      xhttp.open("GET", httpURL + httpGetName, false);
      xhttp.setRequestHeader("Content-type", "text/html");
      xhttp.send();
      alert(xhttp.response)
      } catch (error) {
      alert(error.message);
  }
  

  服務(wù)器

  func GetNameHandler(w http.ResponseWriter, r *http.Request) {
  	w.Header().Set("Access-Control-Allow-Origin", "*")
  	w.Header().Set("Access-Control-Allow-Headers", "Content-Type")
  
  	randName := "NickName"
  	fmt.Fprintf(w, randName)
  }
  

  

另一種方法

• golang庫(kù)-cors
• 使用
  服務(wù)器

  func StartHttpServer() bool {
  	c := cors.New(cors.Options{
  		AllowedOrigins: []string{"*"},
  	})
  
  	mux := http.NewServeMux()
  	mux.HandleFunc("/getname", GetIDHandler)
  
  	handler := c.Handler(mux)
  	http.ListenAndServe(addr, handler)
  
  	return true
  }
  

  js

  function GetRandName() {
      $.ajax({
          url: "http://127.0.0.1/getname",
          type: 'GET',
          success: function (data) {
              console.log(data)
              UpdateNameInput(htmlDomInputID, data.id);
          },
          error: function () {
              console.log("Get Rand Name Failed!");
          }
      });
  }