![](/img/trans.png)
[英]How do I correctly deal with 404 HTTP errors when using an SPA and no server-side computation?
[英]How do i correctly format parameters passed server-side using javascript?
我无法弄清楚如何在我的小型演示ASP.NET应用程序中运行以下代码,希望这里有人能提供帮助。
这是JavaScript:
function checkUserName() {
var request = createRequest();
if (request == null) {
alert("Unable to create request.");
} else {
var theName = document.getElementById("username").value;
var userName = escape(theName);
var url = "Default.aspx/CheckName";
request.onreadystatechange = createStateChangeCallback(request);
request.open("GET", url, true);
request.setRequestHeader("Content-Type", "application/json");
//none of my attempts to set the 'values' parameter work
var values = //JSON.stringify({userName:"userName"}); //"{userName:'temp name'}"; //JSON.stringify({ "userName":userName });
request.send(values);
}
}
这是我的* .aspx.cs类中的方法:
[WebMethod]
[ScriptMethod(UseHttpGet=true)]
public static string CheckName(string userName)
{
string s = "userName";
return s + " modified backstage";
}
当此代码运行时,我收到此异常:
---------------------------
Message from webpage
---------------------------
{"Message":"Invalid web service call, missing value for parameter: \u0027userName\u0027.","StackTrace":" at System.Web.Script.Services.WebServiceMethodData.CallMethod(Object target, IDictionary`2 parameters)\r\n at System.Web.Script.Services.WebServiceMethodData.CallMethodFromRawParams(Object target, IDictionary`2 parameters)\r\n at System.Web.Script.Services.RestHandler.InvokeMethod(HttpContext context, WebServiceMethodData methodData, IDictionary`2 rawParams)\r\n at System.Web.Script.Services.RestHandler.ExecuteWebServiceCall(HttpContext context, WebServiceMethodData methodData)","ExceptionType":"System.InvalidOperationException"}
---------------------------
OK
---------------------------
我从这里开始搜索,然后转到SO上的多个线程,尝试使用引号和键值对的多种组合,但没有尝试过。
当我从C#方法和request.send()中删除参数时,我在我的JS回调中得到了可以使用的响应。 但是,一旦我尝试对参数进行处理,就会遇到上述异常。 如果可能的话,我想知道如何在不使用jQuery的情况下执行此操作。
提前致谢。
最终版本根据Alexei的建议,我得出了以下可行的方法。 URL缺少参数值两端的撇号; 这使通话无法进行。
function checkUserName() {
var request = createRequest();
if (request == null) {
alert("Unable to create request.");
} else {
var theName = document.getElementById("username").value;
var userName = encodeURIComponent(theName);
var url = "Default.aspx/CheckName?name='" + theName + "'";
request.onreadystatechange = createStateChangeCallback(request);
request.open("GET", url, true);
request.setRequestHeader("Content-Type", "application/json");
request.send();
}
}
request.send(values);
这不适用于“ GET”。 尝试
request.open("POST", url, true);
就像艾伦所说的那样,使用POST方法。 或者在打开URL之前将其参数传递给URL,例如
var url = "Default.aspx/CheckName?userName=" + values;
编辑:不,这可能不是一个好主意,因为您要发送JSON,请忘记我说的话。
你需要:
encodeUriComponent
是首选的JavaScript函数,有关详细信息,请参见使用Javascript或jquery从“表单字段”构建URL 或者,您可以使用隐藏表单执行JavaScript发布请求中所述的 POST / GET, 例如表单提交
旁注: jQuery.ajax
可以为您完成大部分操作,如果您想自己做所有的事情,可以查看的好资源。
鉴于您的服务器端方法要求GET
,您需要:
request.open("GET", url + "?username=" + userName, true);
request.send();
适用于我的作品:
function checkUserName() {
var request = new XMLHttpRequest();
if (request == null) {
alert("Unable to create request.");
} else {
var userName = "Shaun Luttin";
var url = '@Url.RouteUrl(new{ action="CheckName", controller="Home"})';
request.onreadystatechange = function() {
if (request.readyState == XMLHttpRequest.DONE ) {
if(request.status == 200){
document.getElementById("myDiv").innerHTML = request.responseText;
}
else if(request.status == 400) {
alert('There was an error 400')
}
else {
alert('something else other than 200 was returned')
}
}
}
request.open("GET", url + "?username=" + userName, true);
request.send();
}
}
在服务器端:
[HttpGet]
public string CheckName(string userName)
{
return userName + " modified backstage";
}
如果您需要进行POST,则需要像这样发送。
var values = JSON.stringify({"'userName':'"+ userName+ "'"});
而且您必须将HttpGet
更改为HttpPost
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.