我有使用Coldfusion和jquery的页面,我正在尝试使用ajaxSubmit提交表单。我发现有一些文字我得到一个错误,我不明白为什么。
我在http://www.demo.adreflex.com/debug_edit.cfm和http://www.demo.adreflex.com/debug_edit.cfm?dbg=3创建了一个演示页,说明了我的问题。
文件SaveInlineEdit_dbg.cfm存在,但其内容为空。
使用第一个链接访问此页面时,会出现以下错误:
禁止您无权访问 /inc/SaveInlineEdit_dbg.cfm在这台服务器上。
此外,尝试时遇到404 Not Found错误 使用ErrorDocument来处理请求。
使用第二个链接访问页面时,一切正常。唯一的区别是表格中提交的文字。
我希望有人可以对此有所了解,并帮助我解决这个问题。
以下是debug_edit.cfm
中的代码副本<cfparam name="url.dbg" default="1">
<link type="text/css" href="jqueryui/css/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
window.jQuery || document.write('<script src="jqueryui\/1.12.2\/jquery.min.js" type="text\/javascript"><\/script><script src="jqueryui\/js\/jquery-ui-1.11.4.min.js" type="text\/javascript" ><\/script>;');
</script>
<script src="jqueryui/js/jquery.form.min.js"></script>
<div id="formstate"></div>
<form name="InlineForm" id="InlineForm" style="margin:0px;" action="/inc/SaveInlineEdit_dbg.cfm" method="post" enctype="multipart/form-data">
<cfif url.dbg eq 1>
<input type="hidden" name="PageContent" id="PageContent" size="200" value='<p>CONVERT MORE with search engine optimization and responsive design.</p>' /><br>
<input disabled="disabled" type="text" name="PageContent_disp" id="PageContent_disp" size="200" value='<p>CONVERT MORE with search engine optimization and responsive design.</p>' /><br>
<cfelse>
<input type="hidden" name="PageContent" id="PageContent" size="200" value='<p>responsive design</p>' /><br>
<input disabled="disabled" type="text" name="PageContent_disp" id="PageContent_disp" size="200" value='<p>responsive design</p>' /><br>
</cfif>
</form>
<script type="text/javascript">
var optionsSaveDoc =
{
error: errorHandlerSaveDoc,
success: callbackSaveDoc
};
//callback handler for form submit
$("#InlineForm").submit(function(e)
{
// submit the form
$(this).ajaxSubmit(optionsSaveDoc);
// return false to prevent normal browser submit and page navigation
e.preventDefault(); //STOP default action
return false;
});
$("#InlineForm").submit(); //Submit the FORM
function callbackSaveDoc(responseText, statusText, xhr, $form)
{
$('div#formstate').html('It worked');
}
function errorHandlerSaveDoc(msg)
{
$('div#formstate').html(msg.responseText);
console.log(msg.responseText);
}
</script>