ajaxsubmit给我一些错误的文字

时间:2017-02-02 15:17:13

标签: javascript jquery coldfusion jquery.form.js

我有使用Coldfusion和jquery的页面,我正在尝试使用ajaxSubmit提交表单。我发现有一些文字我得到一个错误,我不明白为什么。

我在http://www.demo.adreflex.com/debug_edit.cfmhttp://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>

0 个答案:

没有答案