【问题标题】:PHP Ajax request with data to PHP file returning data带有数据的 PHP Ajax 请求到 PHP 文件返回数据
【发布时间】:2013-10-29 16:42:59
【问题描述】:

我正在使用 CodeIgniter MVC。

我有一个包含名字和姓氏的患者表。单击任一时,我需要将整行的信息发送到包含方法的 PHP 文件。该方法必须从视图中获取数据。将其发送到模型,获取数据并将此数据发送回视图以填充表单。

HTML

  echo "<table class='table' id='tblpatienten' border='1'>";

jquery

$(document).ready( function() {
            $('#tblpatienten').click( function(e){
                alert($(e.target).text());

                /*jQuery.ajax({
                    type: "POST",
                    url: "home/getpatientdata",
                    datatype: "json",

                }).done(function(result){
                    //alert($(e.target).text());

                    //alert(result.value);
                });
                */
            });
        })

我已经搞砸了几天了,我似乎无法弄清楚。

这个 PHP 文件被称为 home 并且有几个方法

public function getpatientdata(){
 } 

需要接收 2 个参数并返回患者的所有详细信息(电话号码、电子邮件等)

【问题讨论】:

  • 哪种形式?是通过ajax 填充表单还是通过ajax 更新表单?不清楚
  • 您可以使用data:将参数发送到服务器。
  • 单击表格行之一时表单为空。我需要(当单击表中的某一行时)使用“getpatientdata”方法对名为“home”的 php 文件发出 ajax 请求,以接收被单击的行。我知道我需要 ajax 来做到这一点,但我无法让所有的语法都正确。从ajax请求到PHP文件接收参数,再次发送参数并在ajax请求中接收。

标签: php jquery html ajax codeigniter


【解决方案1】:
    function updatePatientForm(name) {

    var patient = name


 $.ajax({
        'url' : '<?php echo base_url()?>/patients/formUpdate',
        data: {patient: patient},
        'type' : 'POST',
        success : function(data){
                $("#theFormTable").html(data);
            }
        });

现在您可以创建一个以 theFormTable 为 id 的空白表格,每当您单击它时,它都会发出 AJAX 请求,并且任何回显的内容都将被放入表格中

示例

HTML

<table id="theFormTable"></table>

然后在 formUpdate 函数中,你所要做的就是回显类似这样的内容

'<tr><th>First</th><th>Last</th></tr><tr><td><input type="text" id="first" name="first" value="'. $row->first . '"/></td><td>
    <input type="text" id="last" name="last" value="'. $row->last . '"/></td></tr>'

等。与您想在表格上看到的任何内容。然后,每次您单击不同的患者时,它都会拨打所有这些电话。已经很晚了,所以我可能搞砸了一些小事,但这个想法至少应该让你走上正轨。确保从点击处理程序调用此函数并使用 e.target.text 作为参数

【讨论】:

    猜你喜欢
    • 2021-06-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-12-25
    • 2020-07-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多