问题描述
以下代码在没有为 ASP.Net Web Forms 项目打开 FriendlyUrls 的情况下工作得很好:
The following code works just fine without FriendlyUrls turned on for an ASP.Net Web Forms project:
<script type="text/javascript">
$(document).ready(function () {
$.ajax({
url: '/Default.aspx/GetData',
type: 'POST',
beforeSend: function( xhr ) {
xhr.setRequestHeader("Content-type",
"application/json; charset=utf-8");
},
success: function (result) {
var resultData = (result.d? result.d : result);
alert(resultData);
},
error : function(){
alert('error');
}
});
});
</script>
这是页面方法(WebMethod)的服务器端代码:
Here is the server-side code for the page method (WebMethod):
[System.Web.Services.WebMethod]
public static string GetData()
{
return "Hello";
}
当我在浏览器中加载页面时，我可以看到响应为 { "d" : "Hello" }，这是预期的结果.
When I load the page in browser, I can see the response as { "d" : "Hello" }, which is the expected result.
现在，如果使用 NuGet 包添加友好 URL Microsoft.AspNet.FriendlyUrls，同样的代码行不通.由于打开了 FriendlyUrls，我将 jquery ajax 调用中的 url 更改为 "/Default/GetData"，但随后我不会收到预期的结果.相反，我收到了 Default.aspx 页面的 html.
Now, if the friendly urls are added using the NuGet package Microsoft.AspNet.FriendlyUrls, the same code would not work. As FriendlyUrls are turned on, I changed the url in jquery ajax call to be "/Default/GetData", but then I would not receive the expected result. Rather I receive the html of the Default.aspx page.
我正在努力找出为什么这不起作用，我唯一改变的是为 FriendlyUrls 添加 nuget 包！
I am struggling to find out why this would not work, the only thing I changed was adding the nuget package for the FriendlyUrls!
我一直在努力寻找解决方案，我能找到的最接近可读的答案是:
I have been trying to find solutions and the most close readable answers I could find were:
将 jQuery 用于 AJAX 和 ASP.NET Webforms
http://encosia.com/using-jquery-to-directly-call-aspnet-ajax-page-methods/
请注意，给定答案中的所有相关帖子均未使用 FriendlyUrls.我还看到一些答案表明 jquery ajax 调用可以与 MVC、WebAPI 一起正常工作，但我的项目仅限于使用 ASP.Net Web 表单.
Note that all the related posts in given answers do not use FriendlyUrls. I have also seen some answers that indicate that the jquery ajax calls would work fine with MVC, WebAPI, but my project is restricted to use ASP.Net Web Forms.
我在这里做错了什么或遗漏了什么吗?有没有人在他们的项目中遇到过同样的情况?如果是这样，你能回答一下如何解决这个问题吗?感谢大家花时间阅读和回复.
Am I doing something wrong or missing something here? Has anyone encountered the same scenario for their project? If so, can you please answer how this can be solved? Thanks a bunch for taking time to read and reply.
推荐答案
所以，最终我通过对我的项目进行以下更改来解决我的问题:
So, ultimately I got the solution to my question by making following changes to my project:
将 FriednlyUrls 添加到项目中.
Add FriednlyUrls to the project.
删除RegisterRoutes方法中设置App_Start/RouteConfig.cs中settings.AutoRedirectMode属性的行强>
Remove the line in RegisterRoutes method that sets settings.AutoRedirectMode property in App_Start/RouteConfig.cs
(请注意，将其设置为 RedirectMode.Permanent 或 RedirectMode.Off 对我不起作用)
(note that setting it to RedirectMode.Permanent or RedirectMode.Off did NOT work for me)
在web.config中的system.web部分
Add authorization in web.config as follows under system.web section
<authorization>
<allow users="*" />
</authorization>
修改 ajax 调用中的 url 设置为使用 Microsoft.AspNet.FriendlyUrls.Resolve 函数以获得正确的 url，如下所示:
Modify the url in ajax call set up to use Microsoft.AspNet.FriendlyUrls.Resolve function in order to get the correct url as below:
<script type="text/javascript">
$(document).ready(function () {
$.ajax({
url: '<%=Microsoft.AspNet.FriendlyUrls.FriendlyUrl.Resolve("/Default.aspx/GetData")%>',
type: 'POST',
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (result) {
var resultData = (result.d? result.d : result);
alert(resultData);
},
error : function(){
alert('error');
}
});
});
</script>
这篇关于添加 FriendlyUrls 后，jQuery ajax 调用不适用于 ASP.Net Web 表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！