2つのサイトを開発しています。そのうちの 1 つに pageService.aspx
があり、いくつかのWebMethod
. 他のサイトからアクセスしたい。
Service.aspx
:
namespace Interface
{
public partial class Service : System.Web.UI.Page
{
[WebMethod]
public static bool CheckUserLogin(string login)
{
BL.UserBL logic = new BL.UserBL();
return logic.isUnique(login);
}
}
}
script.js
:
function isGoodLogin() {
var login = $("[id$='tbSignUpLogin']").val();
var data = '{"login":"' + login + '"}';
var flag = false;
$.ajax({
type: "POST",
url: "http://95.31.32.69/Service.aspx/CheckUserLogin",
async: false,
data: data,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
if (msg.d == true) {
flag = true;
}
},
error: function (xhr, status, error) {
handleException(xhr.responseText)
}
});
return flag;
}
その後、スクリプトを使用すると、エラーが発生します。
XmlHttpRequest エラー: Origin null は Access-Control-Allow-Origin で許可されていません
次に、この問題を解決しようとします。私のWeb.config
:
<configuration>
<system.web>
<compilation debug="true" targetFramework="4.0" />
<webServices>
<protocols>
<add name="HttpGet"/>
<add name="HttpPost"/>
</protocols>
</webServices>
</system.web>
<system.webServer>
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="Content-Type" />
</customHeaders>
</httpProtocol>
</system.webServer>
<connectionStrings>
<add name="TestSystemEntities" connectionString="metadata=res://*/Model1.csdl|res://*/Model1.ssdl|res://*/Model1.msl;provider=System.Data.SqlClient;provider connection string="Data Source=WIN-V5EHKO65FPU\SQLEXPRESS;Initial Catalog=C:\INETPUB\ACMTESTSYSTEM\INTERFACE\APP_DATA\TESTSYSTEM.MDF;Integrated Security=True;MultipleActiveResultSets=True"" providerName="System.Data.EntityClient" />
</connectionStrings>
</configuration>
その後、私は使用しようとしますGlobal.asax
:
protected void Application_BeginRequest(object sender, EventArgs e)
{
HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");
}
次に、使用しようとしますWebService.asmx
:
namespace Interface
{
[System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService
{
[WebMethod]
public bool CheckUserLogin(string login)
{
BL.UserBL logic = new BL.UserBL();
return logic.isUnique(login);
}
[WebMethod]
[ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json)]
public string Foo()
{
var json = new JavaScriptSerializer().Serialize(new
{
Prop1 = "some property",
});
string jsoncallback = HttpContext.Current.Request["jsoncallback"];
return string.Format("{0}({1})", jsoncallback, json);
}
}
}
私のスクリプトに問題があるのでしょうか?
1:
var dataURL = "http://95.31.32.69/WebService.asmx/CheckUserLogin?login=1";
$.getJSON(dataURL+"&jsoncallback=?",myCallback);
function myCallback(data){
alert(data);
}
エラーを返します:
キャッチされていない SyntaxError: 予期しないトークン <
2:
function isGoodLogin2() {
var login = $("[id$='tbSignUpLogin']").val();
var data = '{"login":"' + login + '"}';
var flag = false;
$.ajax({
type: "POST",
url: "http://95.31.32.69/WebService.asmx/CheckUserLogin",
async: false,
data: data,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
if (msg.d == true) {
flag = true;
}
},
error: function (xhr, status, error) {
handleException(xhr.responseText)
}
});
return flag;
}
エラーを返します:
XMLHttpRequest を読み込めません
http://95.31.32.69/WebService.asmx/CheckUserLogin
。Origin null は、Access-Control-Allow-Origin では許可されていません。
3:
var url = 'http://95.31.32.69/WebService.asmx/CheckUserLogin?login=1&callback=?';
$.get(url, function (data) {
alert(data);
});
エラーを返します:
XMLHttpRequest を読み込めません
http://95.31.32.69/WebService.asmx/CheckUserLogin
。Origin null は、Access-Control-Allow-Origin では許可されていません。
4:
var dataURL = "http://95.31.32.69/WebService.asmx/Foo";
$.getJSON(dataURL+"&jsoncallback=?",myCallback);
function myCallback(data){
alert(data);
}
エラーを返します:
リソースの読み込みに失敗しました: サーバーはステータス 400 (Bad Request) で応答しました
そして他の多く。Web サイトは IIS 7 で動作します。