dongxun6690 2017-01-31 18:08
浏览 23
已采纳

如何从php获取值以使用ajax请求输入[重复]

This question already has an answer here:

Hi My question is how can I get the value from php script using an ajax with a onclick event.

I have a text field and a button

<button type="button" class="btn btn-primary" onclick="getid(this)">Generate ID</button>
<input type="text" name="pin" class="form-control" readonly>

And here is my php script named getrowcount.php

include_once  'conx.php';

$query ="SELECT * FROM patientprofile";
$result = $DBcon->query($query);
$count = $result->num_rows;

if ($result) {
   if($count >= 0){
       $count_res = $count += 1;
       $idnum = $count_res;
       $test = str_pad($idnum, 5, "0", STR_PAD_LEFT);
    }
}

And now my problem is how can I get the value from $test and put it in the input text field using ajax.

</div>
  • 写回答

4条回答 默认 最新

  • dongxue9997 2017-01-31 18:16
    关注

    You can use AJAX to display the output from the query in the input field.

    Step 1: Add this line of code to the bottom of getrowcount.php:

    echo $test;
    

    Step 2: Amend your HTML so that it looks like this:

    <form id="get">
       <input type="text" id="pin" name="pin" class="form-control" readonly>
       <input type="submit" class="btn btn-primary" value="Generate ID">
    </form>
    

    Step 3: Add this script to the bottom of the page.

    <script>
    $(document).ready(function(){
        $("form#get").submit(function(event) {
            event.preventDefault();
            var input = $("#pin");
    
            $.ajax({
                type: "POST",
                url: "getrowcount.php",
                success: function(data) { input.val(data); }
            });
        });
    });
    </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥30 FLUENT液固传质UDF
  • ¥15 怎么看梯度直方图以,怎么判断梯度消失/爆炸,怎么解决
  • ¥15 aspnetdll文件访问拒绝
  • ¥15 wpf中在模版中寻找元素
  • ¥15 MFC平台生成指定圆
  • ¥15 jmeter出现403
  • ¥500 求华为P30PRO手机硬盘数据恢复
  • ¥15 关于#vscode#的问题:ESP32开发板对接MQTT实现小灯泡的开关
  • ¥15 TMC2209串口模式下读取不到寄存器的值串口助手蓝色字体是发过去的消息,绿色字体是收到的消息,第二行发送读取寄存器的指令但是没有读取到寄存器的值串口助手如下图:接线如下图,如何解决?
  • ¥15 怎样删除 右键菜单里的 剪切(T)和复制(C)