我遇到的问题是我当前的代码不显示我的php_page.php的值。
我只是双击一张照片，之后出现了一个输入。我在输入中输入一个数字(例如300)，当我模糊输入时，我的图像会返回，它会显示我的php_page.php的JSON结果!
这只是一个文本脚本。在这一点上，我不是在寻找新的想法或不同的方法;我只是想知道如何修改我的代码使它工作。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"> </script>
<style>
.el{
display: none;
height: 30px;
width: 30px;
}
.photo{
width: 100px;
height:100px;
}
</style>
</head>
<body>
<img src="ana.jpg" id="eu" class="photo" ></img>
<input type="text" id="maine" class="el" value=" "></input>
<script>
$(document).ready(function(){
$("#eu").on({
dblclick:function ()
{
document.getElementById("maine").style.display="block";
document.getElementById("eu").style.display="none";
}
});
}
);
$("#maine").on ({
blur:function()
{
var blue=$("#maine").val();
alert(blue);
document.getElementById("maine").style.display="none";
document.getElementById("eu").style.display="block";
var x="document";
var dataString = "album" + blue;
$.ajax({
url: "php_page.php",
type: "POST",
dataType:'json',
data: datastring,
success: function(data){
$("#responseArea").text(data);
}
});
$('#maine').val(' ');
}
});
</script>
<p id="responseArea"> </p>
</body>
</html>
和我的PHP页面:
<?php
$ada=$_GET["album"];
echo (json_encode($ada));
?>
没有必要过度设计。您可以将对象传递给ajax函数，jQuery将为您构建正确的查询。如果要通过$_GET访问该值，还需要使用GET类型。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"> </script>
<style>
.el{
display: none;
height: 30px;
width: 30px;
}
.photo{
width: 100px;
height:100px;
}
</style>
</head>
<body>
<img src="ana.jpg" id="eu" class="photo" ></img>
<input type="text" id="maine" class="el" value=" "></input>
<script>
$(document).ready(function(){
$("#eu").on({
dblclick:function ()
{
document.getElementById("maine").style.display="block";
document.getElementById("eu").style.display="none";
}
});
}
);
$("#maine").on ({
blur:function()
{
var blue=$("#maine").val();
alert(blue);
document.getElementById("maine").style.display="none";
document.getElementById("eu").style.display="block";
var x="document";
$.ajax({
url: "php_page.php",
type: "GET",
dataType:'json',
data: { "album": blue },
success: function(data){
$("#responseArea").text(data);
}
});
$('#maine').val(' ');
}
});
</script>
<p id="responseArea"> </p>
</body>
</html>