$(document).ready(function()
{
$('#search').click(function(){
            var state_url = $('#state_url').val();
            if(state_url == ''){
                alert('请输入州地址!');
                return false;
            }else{
                $.ajax({
                        url: "getSchool.php",
                        dataType:'html',
                        data:"state_str="+state_url,
                        success:function(result){
$('#hua').html(result);
                        }
                });
            }
        })
}) <form class="well form-search"  name="state_form">
                    <input type="text" class="span7" placeholder="输入州地址(含http://)" name="state_url" id="state_url"/>
                    <button class="btn btn-primary" id="search" data-loading-text="正在查询...">Search</button>
                </form>
           <div  id='hua'></div>
$state_url = $_GET['state_str'];
echo "已获得数据".$state_url;
id=‘hua’的div没有输出。请教出了什么问题

解决方案 »

  1.   

    error:function(XMLHttpRequest, textStatus, errorThrown) {
            alert(XMLHttpRequest);
            alert(textStatus);
    alert(errorThrown);
        }
    看是不是错误了,弹出什么东西
      

  2.   

    代码本身无误
    请确认:
    1、getSchool.php 文件存在(注意大小写)
    2、示例的代码是通过 http 执行的
      

  3.   

    把button 改为span,button提交时候跳转了页面
    <button class="btn btn-primary" id="search" data-loading-text="正在查询...">Search</button>
      

  4.   

    $(document).ready(function()
        {
            $('#search').click(function(){
                var state_url = $('#state_url').val();
                if(state_url == ''){
                    alert('请输入州地址!');
                    return false;
                }else{
                    $.ajax({
                            url: "getSchool.php",
                            dataType:'html',
                            data:"state_str="+state_url,
                            success:function(result){
                                $('#hua').html(result);
                            }
                    });
                    return false;
                }
            })    
        })
      

  5.   

    你确定执行了success里面的内容?
    在success里面加个alert看看有没有执行,或者加个error看有没有发生错误,
    目测把dataType:'html'改为dataType:'string',
      

  6.   

    敢问加return false有啥意义?
      

  7.   

    阻止form提交,相当于preventDefault
      

  8.   

    我试了一下,可以输出;看下你有没有引入兼容的jquery.js文件
      

  9.   

    恩,我一共犯了两个错误。你说的是其中之一,首先是因为form表单在提交,加个return false,其次服务器没有开,php文件返回了所有的代码。谢谢
      

  10.   

    恩,我一共犯了两个错误。你说的是其中之一,首先是因为form表单在提交,加个return false,其次服务器没有开,php文件返回了所有的代码。谢谢