Question

我遇到的问题是我当前的代码没有显示我的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));
?>

Answer 1

没有必要过度设计这个。您可以将对象传递给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>

使用json从php调用页面获取返回值

1 个答案: