AJAX PHP变量填充表单字段jquery

时间:2013-10-08 12:57:19

标签: javascript php jquery ajax forms

试图寻找解决方案任何帮助或指示,让我朝着正确的方向,将不胜感激。

场景:我有一个HTML表单,用于使用PHP修改mysql数据库。我想在页面加载时,它在这个表单上有一个字段,从数据库中提取,这很容易用

<input type="text" name="inputTag" value="<?php echo $people['Service Tag']; ?>"     onblur="this.value=this.value.toUpperCase()" />

那很容易。 我有一个单独的php页面说... test.php,它从页面中删除文本并存储在变量中。与此类似的东西

<?php 
$file_string = file_get_contents('http://blahblah.com/');
preg_match("/<title>Product Support for (.+)\| HP/i", $file_string, $matches);
$print = "$matches[1]";
?>

我需要的东西允许我用test.php中的php变量$ print填充表单字段,并且只有在单击字段时才将其放入inputTag字段的值

基本上我不希望每次我的页面加载时都运行file_get_contents,因为它很慢而且并不总是需要。但我希望表单字段显示当前存储在数据库onload中的内容,但允许您单击该窗体字段,触发屏幕刮取php文件并从该窗体的文本字段中的该php文件中回显$ print变量,以便我可以在完成填写后提交表格。

当涉及到这些东西时,我就像一个菜鸟但是可以绕过一些......我能想出的最好的是我需要用这样的东西进行AJAX调用。

<script type="text/javascript" src="\js\jquery-latest.js"></script>
<script type="text/javascript">
   function populatetag() {
   $.get("\portable\test.php");
   return false;
    }
</script>

通常加载初始页面,从数据库中提取当前信息。 那么也许可以添加一些带有onclick事件的javascript来清除字段并用ajax调用中的变量填充它?

这甚至可能还是我生活在梦境中?抱歉,如果这令人困惑我可以尝试澄清,如果需要。

谢谢!

更新 *     更新字段

   <script type="text/javascript" src="\js\jquery-latest.js"></script>
     <script type="text/javascript"> 
            $('#updateBtn').click(function(e){
        //to disable the click from going to next page
        e.preventDefault();
        $.ajax({
                url: "test.php", 
                success: function(data){
               //set the value of your input field with the data received
               $('#model').val(data);
              }
         }
    );
});
    </script>

这是我最终用它来工作的感谢

1 个答案:

答案 0 :(得分:0)

<input type="text" id="serviceTag" name="inputTag" value="<?php echo $people['Service Tag']; ?>"/>
<a href="#" id="updateBtn">Update Field</a>

<script>
$('#updateBtn').click(function(e){
    //to disable the click from going to next page
    e.preventDefault();
    $.ajax(
         'your-php-script.php', function(data){
               //set the value of your input field with the data received
               $('#serviceTag').val(data);
         }
    );
});
</script>

在你的php文件中,你应该输出/ echo出你想要插入输入字段的字符串/值