jquery从另一个页面获取数据并进入表单字段

时间:2013-09-27 12:43:24

标签: php jquery mysql json get

我只是想从test2.php页面获取值并在test1.php上相应地填写我的表单输入fieds。请帮助和建议。

测试2页

$empidx="Design-1012-1000";
$countries = mysqli_query($con,"select country from countries");
$query = mysqli_query($con,"SELECT * from employee where emprecord='$empidx' ");
$find=mysqli_fetch_array($query);
echo $find['empid'];

测试1页

<form id="employees">
    <input type="text" name="empid"><br>
    <input type="text" name="emprecord"><br>
    <input type="text" name="salute"><br>
    <input type="text" name="fname"><br>
    <input type="text" name="mname"><br>
    <input type="text" name="lname"><br>
    <input type="text" name="depart"><br>
    <input type="text" name="desig"><br>
    <input type="text" name="joindate"><br>
    <input type="text" name="leavedate"><br>
    <input type="submit" value="Submit" name="submit">
</form>

我的mysql字段是

Id, empid, emprecord, salute, fname, mname, lname, depart, desig, joindate, leavedate

3 个答案:

答案 0 :(得分:0)

你可以试试jQuery AJAX :) http://api.jquery.com/jQuery.ajax/

或在test1页面中实现test2页面脚本

答案 1 :(得分:0)

生成页面时填写表单。

$input1 = '<input type="text" name="empid" value="'.$find['empid'].'"><br>';
...

或在页面加载AJAX and jQuery后填写表单。

$.ajax('test2.php')
    .done(function (data) {
        $('#employees input[name="empid"]').val(data.empid);
        ...
    });

答案 2 :(得分:0)

如果你自己尝试这个,这很好。以下是一些可以帮助您入门的链接:

How to pass PHP array values to another file using jQuery Ajax?

Pass array in jQuery ajax

Pass PHP Array via jQuery Ajax

尝试一下,如果这些没有帮助,请告诉我们,我们会帮助您。


好的,在这里,我有一些时间; - )

test1.php

<?php
    $empidx="Design-1012-1000";
$countries = mysqli_query($con,"select country from countries");
$query = mysqli_query($con,"SELECT * from employee where emprecord='$empidx' ");
$result_array=mysqli_fetch_array($query);

//$result_array = array("1"=>"1","2"=>"2","3"=>"3");
$json = json_encode($result_array);
    print_r($json); 
?>

test2.php

    <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.js"></script>
<script type="text/javascript">

        $(document).ready(function() {
            $.ajax({
                type: 'GET',
                url: 'test1.php',
                dataType: 'json',
                success: function (data) {
                    $('#fname').val(data[1]);    
                }
            });
        }); 
</script>
</head>
<body>

<form id="form">
    <input id="fname"/>
</form>



</body>
</html>

只需配置您传递的result_array即可。并且默认情况下调用test2.php中的脚本,如果这就是你想要的 - 那就好吧。否则在其上做一些点击事件。