AJAX 函数不适用于 change() jquery答案

【问题标题】：AJAX function not working for change() jqueryAJAX 函数不适用于 change() jquery
【发布时间】：2013-12-19 09:14:02
【问题描述】：

我有一个 jquery 作为 HTML 表单，如下所示。我正在尝试显示一些所需的文档并在用户更改选项时显示一个 div，具体取决于选项值。

<select id="constitution_id" class="form_select_constitution">
    <option value="1">First</option>
    <option value="2">Second</option>
</select>

还有 javascript：

$('.form_select_constitution').change(function(){
      var cid = $(this).val();
      if(cid > 2 ) {
        $('#appDiv').show();    
      }else{
        $('#appDiv').hide();    
      }
      data = 'cid='+cid;
      url = 'business_documents_available.php';


      $.ajax({
        type: "GET",
        url : url;
        data : data,
        //dataType: "json",
        error:function(resp){
                alert('Error !');
            },
            success: function(resp){
                alert(resp);
        //show_docs(resp);
            }
      });

});

function show_docs(resp) {
     //$('.json_resp_docs').html(resp.documents); 
}

business_documents_available.php 是：

<?php
    include_once('include/config.php');
    include_once('validate.php');
    include_once('applicants.php');

    $cid = $_GET['cid'];
    $sql = "SELECT * FROM doc_vehical_loan_list WHERE constitution_type = '$cid'";
    $result = $db->executeQuery($sql);

    $result_json = json_encode($result);
    //var_dump($result_json);
    //return $result_json;
    return 'HII';
?>

虽然显示和隐藏 div id appDiv 是有效的，但我没有从 ajax 响应中得到任何警报！发生了什么事？

【问题讨论】：

浏览器控制台中的任何错误
@user2625357 检查您的浏览器的网络选项卡是否您的 ajax 调用正在工作。你可以得到响应码
检查您的浏览器控制台是否有 javascript 错误。
危险：你容易受到SQL injection attacks的影响，你需要defend自己。
问题出在哪里？做一些基本的调试。检查您的错误控制台以查看是否有任何错误消息。检查您的开发者工具的 net 选项卡，看看是否发出了 HTTP 请求，它是否按照您的预期进行，以及响应是否符合您的预期。

标签： php jquery ajax onchange

【解决方案1】：

使用

echo json_encode($result);
exit;

在 business_documents_available.php 中代替

return 'HII';

【讨论】：

【解决方案2】：

简单的锻炼

html

<html>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<select id="constitution_id" class="form_select form_select_constitution">
<option value="1">First</option>
<option value="2">Second</option>
</select>
<script type="text/javascript">
$('.form_select_constitution').on("change",function() {

        var id = "id";  //just for reference     

        $.ajax({     
        type: "GET",   //use any kind of verb
        data: "id="+id,  //just for reference   
        url: "business_documents_available.php",
        success: function(html){
        alert(html);
        }
   });

});
</script>
</html>

php页面

<?php
   echo "hey im reached";
?>

【讨论】：