为什么我的JQuery AJAX功能无法正常工作？

Question

尝试将我的某个数据库中的汽车图片插入我的网页

get_new_car_pictures：

$make = $_REQUEST['make'];
$model = $_REQUEST['model'];

$query = "SELECT * FROM database_new WHERE make = $make AND model = $model";
$car = $db->get_row($query);

$img = $car['img_url'];


echo "<img src=".$img." />";

ajax功能：

  function insertImageAJAX(){
      return $.ajax({
         type: 'GET',
         url: '/ajax/get_new_car_pictures.php',
         data: "model=" + params.model + "&make=" + params.make,
         success: function(data){
            $("#car-image".html(data));
         }
     }
  });

car-image是我希望图像出现的div

我试图在线跟踪Ajax tutuorials，但无论出于何种原因，这都不起作用......

Answer 1

在查询上使用连接，varchar必须是单引号

$query = "SELECT * FROM database_new WHERE make = '".$make."' AND model = '".$model."'";

并修复js

function insertImageAJAX(){
  return $.ajax({
     type: 'GET',
     url: '/ajax/get_new_car_pictures.php',
     data: {'model':params.model, 'make': params.make},
     success: function(data){
        $("#car-image").html(data);
     }
 }
 });

Answer 2

首先，你错了一个括号：

$("#car-image".html(data));

应该是

$("#car-image").html(data);

Answer 3

尝试添加错误回调以深入了解正在进行的操作。 jQuery Ajax error handling, show custom exception messages

另外，我建议使用响应设置图像的src属性，而不是设置其HTML。

让我知道错误说的是什么，我们可以从那里开始。