Question

我试图用MySql和PHP在HTML中显示图像。

我的ajax请求

$.ajax({
    type : "POST",      
    url : "jsonajax.php",
    data : { id: id },
    success : function(data){
        alert(data);
        $('#dialog').dialog('open');
        $('#dialog').html('<img src='+ data + '" />');
    }
});

我的jsonajax.php

$id = $_REQUEST['id'];
$sql = "SELECT img_url FROM table_name WHERE id = $id";
$res=$obj->_executeQuery($sql);
$res=$obj->getAll($res);
echo json_encode($res);

现在alert(data)看起来像

[{"img_url":"images\/Jellyfish.jpg"}]

我需要删除＆＃39; \＆＃39;并附加图像src以显示。

Answer 1

您需要添加数据类型，例如“Json”

Answer 2

试

JSON.parse(data)

这将解码数据

Answer 3

添加ol.Map

dataType:"json"

然后执行$.ajax({ type : "POST", dataType: "json", url : "jsonajax.php", data : { id: id }, success : function(data){ alert(data); $('#dialog').dialog('open'); $('#dialog').html('<img src='+ data + '" />'); } });

Answer 4

您需要将字符串响应转换为对象 - 这将自动删除斜杠：）

选项1：使用JSON.parse(data)

解析数据

选项2：您可以在dataType: 'json'请求中指定$.ajax选项。

 $.ajax({
    type : "POST",      
    url : "jsonajax.php",
    data : { id: id },
    dataType: 'json',  // This is what you're missing
    success : function(data){
        $('#dialog').html('<img src='+ data.image_url + '" />');
        $('#dialog').dialog('open');
    }
});

签出文档上的dataType选项：http://api.jquery.com/jquery.ajax/

Answer 5

像这样制作ajax块（在你的情况下）：

$.ajax({
    type : "POST",      
    url : "jsonajax.php",
    data : { id: id },
    dataType: 'json',
    success : function(data){
        console.log(data);
        $('#dialog').dialog('open');
        $('#dialog').html('<img src=' + data[0].img_url + '" />');
    }
});

希望这有帮助。

注意：请确保图像位于当前脚本的images文件夹中。

显示成功ajax的图像

5 个答案: