0

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

这个charts/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>

我究竟做错了什么？谢谢

4

2 回答 2

0

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

你可以在这里找到插件

于 2012-11-20T11:56:13.097 回答
0

您得到的错误似乎来自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-20T11:59:17.933 回答