提交表單並在同一頁面上重新載入數據

我得到了一個帶有#form的left_column，當我提交時它應該在#content_div上加載結果而不刷新頁面。提交表單並在同一頁面上重新載入數據

進出口使用此：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
    $('#dateform').submit(function(evt) { 
     evt.preventDefault(); 
     $.ajax({ 
      url: "charts/client.php", 
      type: 'POST', 
      data: $(this).serialize(), 
      success: function(result) { 
       $('#content_div').html(result); 
      } 
     }); 
    }); 
}); 
</script> 
<div id="content_div">

似乎沒有任何顯示。而螢火蟲報告如下：

ReferenceError: google is not defined

這個圖表/ client.php使用谷歌的API，是的，我已經聲明它是這樣的：

<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 
<script type="text/javascript" src="https://www.google.com/jsapi"></script>

我在做什麼錯？感謝

來源

2012-11-20 pleaseDeleteMe

腳本標記的語言屬性已被棄用，您應該將其刪除。 – defau1t

div id是「內容」，你正在更新「content_div」的html –

@Yashin content_div是一個錯字，多數民衆贊成在問題：s – pleaseDeleteMe

使用AJAX形式

<script> 
    // wait for the DOM to be loaded 
    $(document).ready(function() 
    { 
     // bind 'myForm' and provide a simple callback function 
     $("#tempForm").ajaxForm({ 
     url:'../calling action or servlet', 
     type:'post', 
     beforeSend:function() 
     { 
     alert("perform action before making the ajax call like showing soinner image"); 
     }, 
     success:function(e){ 
     alert("data is"+e); 
      alert("now do whatever you want with the data"); 
     } 
     }); 
    }); 
</script>

你可以找到插件here

來源

2012-11-20 11:56:13

這是一個插件嗎？在這種情況下，您應該提供該信息並鏈接到插件。 – David

@大衛：哦，我只是提供它 –

看來，你的錯誤是從client.php，而不是從實際的jQuery AJAX腳本。

在創建您使用的Google對象的新實例之前，您可能試圖調用google方法。如果你在這裏發佈client.php的代碼，我可以幫助你。

例如，當我有gmaps API工作：

試圖做：

geocoder.geocode({ 'address': target}, function(results, status) {...

設置才道：「谷歌是沒有定義」

var geocoder = new google.maps.Geocoder();

將返回;

來源

2012-11-20 11:59:17 aleation

提交表單並在同一頁面上重新載入數據

回答

相關問題