Question

每个人都是php和ajax的新手。
我正在编写代码以从mysql数据库获取数据并在文本框中显示它们，但不起作用。

这是我的代码。
我需要你的帮助。
预先感谢

    $('#btn_get').on('click', function(){
     $.ajax({
       type    : "get",
       url     : '/path/to/php/file',       
       success : function(data)
       {
         $('#input-box1').val(data);
         $('#input-box2').val(data);
       }
     });
    });

    <input type="text" id="input-box1">
     <input type="text" id="input-box2">
    <button type="button" id="btn_get">Click</button>

    //get data from db here
    $textbox1 = 'foo';
    $textbox2 = 'deen';
    echo $textbox1;
    echo $textbox2;

Answer 1

以下是一些方法，也许它们可以为您提供帮助：

第一种方法是检查控制台，以确保jQuery版本允许您使用 $。ajax（）资源。某些“ slim” 之类的jQuery版本不提供Ajax调用。
检查完属性后，将错误放入ajax调用中：

$('#btn_get').on('click', function(){
 $.ajax({
   type    : "get",
   url     : '/path/to/php/file',       
   success : function(data)
   {
     $('#input-box1').val(data);
     $('#input-box2').val(data);
   },
   error: function(xhr, ajaxOptions, thrownError) {
       console.log(xhr);
   }
 });
});

如果您收到错误响应，则可以通过浏览器的控制台工具（F12）识别它。

检查您的 / path / to / php / file 以确保您的文件确实存在。
请记住，成功回调将您的 echo 命令作为字符串获取。因此，您的回报可能会是这样的：

foodeen

一种好的方法是返回json响应：

$textbox1 = 'foo';
$textbox2 = 'deen';
echo json_encode(array($textbox1 ,"textBox1"));

最后，在成功回调中执行响应时，您可以将其从纯字符串转换为json格式：

$('#btn_get').on('click', function(){
 $.ajax({
   type    : "get",
   url     : '/path/to/php/file',       
   success : function(data)
   {
     var response = JSON.stringify(data);
     $('#input-box1').val(response[0]);
     $('#input-box2').val(response[1]);
   },
   error: function(xhr, ajaxOptions, thrownError) {
       console.log(xhr);
   }
 });
});

php ajax在多个文本框中显示数据库中的数据

1 个答案: