gpt4 book ai didi

Ajax 前提条件失败错误

转载 作者:行者123 更新时间:2023-11-28 23:41:35 25 4
gpt4 key购买 nike

我正在用 jsp 创建一个页面。基本上将我的 html 设计转换为 jsp 页面。使用 Apache tomcat 作为服务器。

我的问题是我试图通过表单提交上的 Ajax 调用加载结果页面。我收到“错误:预条件失败”错误。

谁能解决这个错误。

我的代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="./css/asp.css"/>
<script type="text/javascript" src="./js/jquery-1.7.1.min.js" charset="utf-8"></script>
<title>Authorize Service Provider Search Page</title>
<script>
$(document).ready(function(){
$("form").submit(function(e) {
alert("hello");
e.preventDefault();
$.ajax({
type: "POST",
url: "aspSearchResultPage.html",
success: function()
{
$("#information").load("aspSearchResultPage.html");
},// success
error : function(xhr, textStatus, errorThrown) {
alert("Error: " + (errorThrown ? errorThrown : xhr.status));
}
});
return false;
});
});
</script>
</head>
<body class="COMPO">
<!-- Wrapper -->
<div id="wrapper">

<!-- Container -->
<div id="container" class="resolution_800x600">

<!-- Colonnage -->
<div id="colonnes" class="clear">

<!-- Page title -->
<h2 class="title_n1_orange">ASP Search Page</h2>
<!--/Page title-->

<!-- Form Page-->
<div class="form">
<form name="asp_search_page" id="form_asp_search_id" action="" method="post">
<p class="mandatory">Fields marked with asterisks (<span class="mandatory_code">*</span>) are mandatory.</p>
<table class="tables" summary="ASP Search Page" cellpadding="0" cellspacing="3">
<tbody>
<!-- First Row -->
<tr>
<th scope="row"><label for="asp">ASP&nbsp;<b>:</b></label></th>
<td><select id="asp" name="asp" class="field_size_e"><!--<optgroup label="Groupe 1">--><option value="ABC">ABC</option><option value="DEF">DEF</option><option value="GHI">GHI</option><option value="JKL">JKL</option><!--</optgroup><optgroup label="Groupe 2">--><!--</optgroup>--></select></td>

<th scope="row" colspan="2"><label for="region">Region&nbsp;<b>:</b></label></th>
<td><select id="region" name="region" class="field_size_e"><!--<optgroup label="Groupe 1">--><option value="ABC">APAC</option><option value="DEF">AME</option><option value="GHI">EUMA</option><!--</optgroup><optgroup label="Groupe 2">--><!--</optgroup>--></select>
</td>

<th scope="row" colspan="3"><label for="asp">Cluster&nbsp;<b>:</b></label></th>
<td><select id="cluster" name="cluster" class="field_size_e"><!--<optgroup label="Groupe 1">--><option value="ABC">INDIA&amp;CHINA</option><option value="DEF">CHINA&amp;JAPAN</option><option value="GHI">INDIA&amp;HONGKONG&amp;JAPAN</option><option value="JKL">UNITED STATES&amp;CHILE</option><option value="MNO">CANNADA &amp; BRAZIL</option><option value="PQR">DENMARK&amp;EGYPT&amp;FINLAND</option><option value="STU">EGYPT&amp;FRANCE</option><!--</optgroup><optgroup label="Groupe 2">--><!--</optgroup>--></select>
</td>

</tr>
<!--/First Row-->
<!-- Second Row -->
<tr>
<th scope="row"><label for="asp">Country&nbsp;<b>:</b>
</label>
</th>
<td><select id="country" name="country" class="field_size_e"><!--<optgroup label="Groupe 1">--><option value="ABC">INDIA</option><option value="DEF">CHINA</option><option value="GHI">FRANCE</option><option value="JKL">PARIS</option><option value="MNO">EGYPT</option><option value="PQR">CARIO</option><option value="STU">BRAZIL</option><option value="VWX">CANNADA</option><!--</optgroup><optgroup label="Groupe 2">--><!--</optgroup>--></select></td>
<th scope="row" colspan="2"><label for="asp">SSC
Support&nbsp;<b>:</b> </label>
</th>
<td><select id="cluster" name="cluster" class="field_size_e"><!--<optgroup label="Groupe 1">--><option value="ABC">ABC</option><option value="DEF">DEF</option><option value="GHI">GHI</option><option value="JKL">JKL</option><!--</optgroup><optgroup label="Groupe 2">--><!--</optgroup>--></select>
</td>

<th scope="row" colspan="3"><label title="Oracle_Code" for="Oracle_Code">Oracle Code&nbsp;<b>:</b>
</label>
</th>
<td><input maxlength="10" name="Oracle_Code" id="Oracle_Code_id" class="field_size_e" type="text" />
</td>
</tr>
<!--/Second Row-->
<!-- Third Row -->
<tr>
<th scope="row"><label title="CC_ID" for="CC_ID">Clarify
Contract ID&nbsp;<b>:</b>
</label>
</th>
<td><input maxlength="10" name="CC_ID" id="CC_ID" class="field_size_e" type="text" /></td>

</tr>
<tr><td>&nbsp;</td></tr>
<!--/Third Row-->
<!-- Fourth Row -->
<tr>
<td colspan="2">&nbsp;</td>
<td colspan="2">
<button type="submit" class="button_action_standard">
<span>Search</span>
</button></td>
<td>
<button type="reset" class="button_action_standard">
<span>Reset</span>
</button>
</td>

</tr>
<!--/Fourth Row-->
</tbody>
</table>
</form>
<!-- Content to be displayed-->
<div id="information"></div>
<!--/Content to be displayed-->
</div>
<!--/Form-->

</div>
<!--/Colonnage-->

</div>
<!--/container-->
</div>
<!--/wrapper-->
</body>
</html>

最佳答案

@Priya 我希望您正在使用 struts。通过 action 发送您的请求,并将请求转发到您需要加载的 jsp 页面。返回与响应相同的 jsp 页面作为数据(此处)并用该数据填充您的 div。根据您的目的找到下面的代码片段。您需要根据需要修改代码。

$.ajax({
url : "yourAction.do?method=yourMethod",
type : "POST",
async : false,
success : function(data) {
$("#information").html(data);
}
});

如果这有帮助,请告诉我..

关于Ajax 前提条件失败错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19086665/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com