提交表单并在同一页面上重新载入数据

我得到了一个带有#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

提交表单并在同一页面上重新载入数据

回答

相关问题