Question

我得到一个带有#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：谷歌未定义

这个图表/ client.php正在使用google 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>

我做错了什么？感谢

Answer 1

使用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

Answer 2

似乎你得到的错误来自client.php，而不是来自实际的jquery ajax脚本。

在创建您使用的google对象的新实例之前，您可能尝试调用google方法。如果你在这里发布client.php的代码，我可以帮你更多。

例如，当我使用gmaps api时：

尝试做：

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

设置之前

：

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

将返回“google未定义”;

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

2 个答案: