Jquery 无访问控制源_Jquery - Fatal编程技术网

Jquery 无访问控制源

jquery

Jquery 无访问控制源,jquery,Jquery,我收到以下错误请求的资源上不存在“Access Control Allow Origin”头。因此，不允许对源“”进行访问。当我执行以下代码时我没有访问中的代码，但可以修改8080端口服务器代码。下面是我的代码 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Autocomplete - Default funct

我收到以下错误请求的资源上不存在“Access Control Allow Origin”头。因此，不允许对源“”进行访问。当我执行以下代码时我没有访问中的代码，但可以修改8080端口服务器代码。下面是我的代码

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Autocomplete - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

  <script>
  $(function() {


    $( "#name" ).autocomplete({
      source: function(request,response){
             var name = $("#name").val();

          $.ajax({
              type:"GET",
        //    contentType: "application/json; charset=utf-8",
              url: "http://localhost:8983/solr/test/suggest",
              data: "suggest=true&suggest.build=true&suggest.dictionary=mySuggester&wt=json&suggest.q="+name,
        //      url: "./search.html",
        //   data: "name=" + name,
              success: function (data) {
                  if (data != null) {

                      alert(data);
                  }
              },
              error: function(result) {
                  alert("Error");
              }
          })
      }
    });

    $("#search").click(function () {

         var name = $("#name").val();

         $.ajax({
            type: "GET",
             url: "./search.html",
             data: "name=" + name,
             success: function(response){
                    // we have the response
                    $('#results').html(response);
                     },
                     error: function(e){
                     alert('Error: ' + e);
                 }

         });

     });







  });
  </script>
</head>
<body>

<div class="ui-widget">
  <label for="tags"> </label>
  <input id="name">
  <input type="button" name="search" id="search" value="submit" />

</div>
    <div id="results"></div>

</body>
</html>


jQuery UI自动完成-默认功能
$（函数（）{
$（“#名称”）.autocomplete({
来源：功能（请求、响应）{
var name=$（“#name”）.val（）；
$.ajax({
键入：“获取”，
//contentType:“应用程序/json；字符集=utf-8”，
url:“http://localhost:8983/solr/test/suggest",
数据：“suggest=true&suggest.build=true&suggest.dictionary=mySuggester&wt=json&suggest.q=“+name，
//url:“./search.html”，
//数据：“name=“+name，
成功：功能（数据）{
如果（数据！=null）{
警报（数据）；
}
},
错误：函数（结果）{
警报（“错误”）；
}
})
}
});
$（“#搜索”）。单击（函数（）{
var name=$（“#name”）.val（）；
$.ajax({
键入：“获取”，
url:“./search.html”，
数据：“name=“+name，
成功：功能（响应）{
//我们得到了答复
$（'#results'）.html（回复）；
},
错误：函数（e）{
警报（'错误：'+e）；
}
});
});
});

我认为您想了解CORS的工作原理：

您需要对服务器端进行一些修改，以允许您的请求。

为了确保安全，这是正常的。与此相关的问题是什么？我想访问URL并获取JSON响应。就像我在chrome浏览器中得到的那样。