jQuery 为什么 Ajax 脚本没有在 IIS 7.5 Win 2008 R2 服务器上运行？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/21533285/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Why the Ajax script is not running on IIS 7.5 Win 2008 R2 server?
提问by Ben Junior
I have a web app that works fine on VS 2013 on my development server, but once I published it on the IIS 7.5 2008 R2 server the Ajax scripts, located on my custom script file, don't work anymore, although the other JQuery scripts that do not call Ajax do work properly. Is there anything else that needs to be done in order to have ajax working in the server? I've read some posts about, but couldn't find an answer yet. I've limited experience in IIS and Ajax.
我有一个 Web 应用程序在我的开发服务器上的 VS 2013 上运行良好，但是一旦我将它发布到 IIS 7.5 2008 R2 服务器上，位于我的自定义脚本文件中的 Ajax 脚本就不再工作了，尽管其他 JQuery 脚本那些不调用 Ajax 的东西确实可以正常工作。为了让ajax在服务器中工作，还有什么需要做的吗？我已经阅读了一些有关的帖子，但还没有找到答案。我在 IIS 和 Ajax 方面的经验有限。
// Update:
// 更新：
I've already figured out that the Ajax script works and that the problem is most likely in the following line:
我已经发现 Ajax 脚本可以工作，并且问题很可能出现在以下行中：
"url: '/Home/GetRates', // URL for the request"
"url: '/Home/GetRates', // 请求的 URL"
Using the debuger I found out that the GetRates() function is not been called in the Remote Server, although it is in the local (Under VS 2013) development server. The only difference that I see is the path, but dont know how to fix it. Below is the Ajax script:
使用调试器我发现在远程服务器中没有调用 GetRates() 函数，尽管它在本地（在 VS 2013 下）开发服务器中。我看到的唯一区别是路径，但不知道如何修复它。下面是 Ajax 脚本：
// Retrieve rates and update partial view
$(function () {
$('#reservSearch').submit(function () {
if ($(this).valid()) {
$("#theModal").modal("show"); // Display the in progress.....
$.ajax({
url: '/Home/GetRates', // URL for the request
data: $("#reservSearch").serialize(), // the data to send (will be converted to a query string)
type: "POST", // whether this is a POST or GET request
dataType: 'html', // the type of data we expect back
success: function (data) { // code to run if the request succeeds; The response is passed to the function
$("#theModal").modal("hide"); // Close the in progress modal.....
$('#ratesView').html(data); // Fill div with results
},
error: function (xhr, status) { // code to run if the request fails; the raw request and status codes are passed to the function
$("#theModal").modal("hide"); // Close the in progress modal.....
alert('Error: Retrieving parking rates' + "</br>" + xhr.error);
}
});
}
// // it is important to return false in order to cancel the default submission of the form and perform the AJAX call
return false;
});
});
// SECOND UPDATE
// 第二次更新
After following the directions in the comment section, this is the response from the ajax call:
按照评论部分中的说明进行操作后，这是 ajax 调用的响应：
<div id="header"><h1>Server Error in Application "DEFAULT WEB SITE"</h1></div>
<div id="server_version"><p>Internet Information Services 7.5</p></div>
<div id="content">
<div class="content-container">
<fieldset><legend>Error Summary</legend>
<h2>HTTP Error 404.0 - Not Found</h2>
<h3>The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.</h3>
</fieldset>
</div>
<div class="content-container">
<fieldset><legend>Detailed Error Information</legend>
<div id="details-left">
<table border="0" cellpadding="0" cellspacing="0">
<tr class="alt"><th>Module</th><td>IIS Web Core</td></tr>
<tr><th>Notification</th><td>MapRequestHandler</td></tr>
<tr class="alt"><th>Handler</th><td>StaticFile</td></tr>
<tr><th>Error Code</th><td>0x80070002</td></tr>
</table>
</div>
<div id="details-right">
<table border="0" cellpadding="0" cellspacing="0">
<tr class="alt"><th>Requested URL</th><td>http://localhost:80/Home/GetRates</td></tr>
<tr><th>Physical Path</th><td>C:\inetpub\wwwroot\Home\GetRates</td></tr>
<tr class="alt"><th>Logon Method</th><td>Anonymous</td></tr>
<tr><th>Logon User</th><td>Anonymous</td></tr>
</table>
<div class="clear"></div>
</div>
</fieldset>
</div>
<div class="content-container">
<fieldset><legend>Most likely causes:</legend>
<ul> <li>The directory or file specified does not exist on the Web server.</li> <li>The URL contains a typographical error.</li> <li>A custom filter or module, such as URLScan, restricts access to the file.</li> </ul>
</fieldset>
</div>
<div class="content-container">
<fieldset><legend>Things you can try:</legend>
<ul> <li>Create the content on the Web server.</li> <li>Review the browser URL.</li> <li>Create a tracing rule to track failed requests for this HTTP status code and see which module is calling SetStatus. For more information about creating a tracing rule for failed requests, click <a href="http://go.microsoft.com/fwlink/?LinkID=66439">here</a>. </li> </ul>
</fieldset>
</div>
<div class="content-container">
<fieldset><legend>Links and More Information</legend>
This error means that the file or directory does not exist on the server. Create the file or directory and try the request again.
<p><a href="http://go.microsoft.com/fwlink/?LinkID=62293&IIS70Error=404,0,0x80070002,7601">View more information »</a></p>
</fieldset>
</div>
</div>
</body>
</html>
回答by MonkeyZeus
How to debug AJAX calls
如何调试 AJAX 调用
The full answer is spread across the comments on OP's question but I think this one helped the most:
完整的答案散布在对 OP 问题的评论中，但我认为这个答案最有帮助：
- Go to the web page which makes the AJAX call
- In Chrome press F12
- Go to the Network tab
- Activate the AJAX call by submitting the form #reservSearch
- In the Network tab look for a call to /Home/GetRates
- Click it
- Check the Preview and Response tabs to see the output from your server
- Is it displaying the expected HTML data which your AJAX call is listening for?
- 转到进行 AJAX 调用的网页
- 在 Chrome 中按 F12
- 转到网络选项卡
- 通过提交表单#reservSearch 激活 AJAX 调用
- 在网络选项卡中查找对 /Home/GetRates 的调用
- 点击它
- 检查预览和响应选项卡以查看服务器的输出
- 它是否显示了您的 AJAX 调用正在侦听的预期 HTML 数据？
