使用json从PHP调用page获取返回值
get the returned value from php called page with json
我遇到的问题是我当前的代码不显示我的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>
相关文章:
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- jquery试图按名称获取按钮位置
- 如何在jQuery中获取元素的形式
- 如何在php文件中获取$.post-ajax传递的值
- 在Shopify中获取博客文章的图片
- 使用Javascript获取所选选项ID
- 在jQuery中获取表的行索引
- 使用jquery将mysql数据获取到新的表行中
- 在动态创建的元素上获取对特定选择器的引用
- 从城市名称获取惊喜
- Angular只从数组中获取所需的数据
- 无法将数据从firebase获取到我的html页面
- 从ajax请求中获取javascript对象
- 在数据库(JSP PAGE)中获取多个复选框结果
- ASP Page + JavaScript:如何隐藏元素并获取其真实位置
- ui-router 返回:“无法获取 /page”
- 动态创建Table并在jsp Page中获取它们的值
- 在页面的UserControl中获取Page's HiddenField值
- 使用json从PHP调用page获取返回值
- jQuery使用#/page获取页面