如何使用ajax提交表单后更新查询？

我有一个表单，它的工作原理是，我在test.cfm文件中输出记录，并在提交表单后将值插入到表格中。如何使用ajax提交表单后更新查询？

问题是，在我提交表单并插入新记录后，如何更新test.cfm中的表格？

test.cfm

<script type="text/javascript"> 
    function ProcessValidateForm() { 
     $("##ProcessStatus").html('Processing...'); 
     $.post('insert_view.cfc?method=UpdateMethod&returnFormat=plain', 
      $("##ValidateForm").serialize(), 
      function(data, ProcessStatus) { 
       data = $.trim(data) 
       if (data == 'success') { 
        $("##ProcessStatus").html('Record Insert Successfully'); 

       } 
       $('input[type="text"],textarea').val(''); 
      }); 
     return false 
    } 
    $(document).ready(function() { 
     $("##ValidateForm").validate({ 
      rules: { 
       FirstName: { 
        required: true 
       }, 
       EmailID: { 
        required: true, 
        email: true 
       } 

      }, 
      messages: { 
       FirstName: '&nbsp;**', 
       EmailID: '&nbsp;**' 

      }, 
      submitHandler: function(form) { 
       $(form).ajaxSubmit(ProcessValidateForm); 
      } 
     }); 
    }); 
</script> 
<cfquery datasource="test" name="getimeline"> 
    SELECT * FROM testing_table 
</cfquery> 


<table id="tablesorter-demo" > 
    output query getimeline here 
</table>

insert_view.cfc文件

<cfcomponent> 
    <cfset ODBCDataSource="test"> 
    <cffunction name="UpdateMethod" access="remote" output="false" returnType="string"> 
     <cfquery name="InserRecord" datasource="#ODBCDataSource#"> 
      insert into testing_table .... 
     </cfquery> 
     <cfreturn "success"> 
    </cffunction> 
</cfcomponent>

来源

2016-03-29 anatp_123

简单的方法是完全忘记javascript并简单地提交表单。 –

@danbracuk你的意思是没有任何Ajax/JavaScript，只需要将表单插入？ –

我的意思是将表单数据发布到一个ColdFusion页面，它可以完成它需要处理的数据。 –

我不知道的ColdFusion不过貌似这个问题是与请求的缓存。请尝试以某种方式禁用缓存。通常情况下，你可以使用全球$ .ajaxSetup（），例如禁用缓存：

$.ajaxSetup({ cache: false });

现在请让我如果为你工作。

来源

2016-03-29 22:46:08 Ash

如何使用ajax提交表单后更新查询？

回答

相关问题