如何使用带有jQuery的按钮将PHP中的变量添加到表单中?

时间:2017-09-24 19:10:49

标签: javascript php jquery

我想将这两个代码组合成一个,所以当我点击genbtn时,它会将PHP文件的响应添加到'wallet'表单中,如下面的函数添加文本'比特币钱包点击'到它。

如果有帮助的话,我想要显示的PHP文件中的变量$public,而不是像现在一样在警告框中显示它。 www.ubit.ca/addygen.php

我一直坐着摆弄代码3个小时,但没有运气 您可以在www.ubit.ca上查看它的工作原理,以便更好地理解。

<script>
$(function () {
  $('#genbtn').one('click', function () {

    var text = $('#wallet');
    text.val(text.val() + ' bitcoin wallet after click');

  });
});
</script>

<script>
$.ajax({
  url: 'addygen.php',
  success: function (response) {
    alert(response);
  }
});
</script>

HTML:

 <input type="text" id="wallet" maxlength="34" pattern="^[13][a-km-zA-HJ-NP-Z1-9]{25,34}$" 
            placeholder="Your Bitcoin wallet's address"></input>

2 个答案:

答案 0 :(得分:2)

所以,我们在这里:

  1. 当我使用以下代码与本地phpPage.php时,它可以正常工作
  2. 当我放置url: 'http://www.ubit.ca/addygen.php' 开发者工具时,向我显示以下错误:
  3.   

    用于获取未加密资源的连接

    所以我认为他的问题是你允许访问http://www.ubit.ca/addygen.php文件。

    &#13;
    &#13;
    $.ajax({
        url: 'http://www.ubit.ca/addygen.php',
        ifModified: true,
        dataType: 'text',
        success: function(data){
            $("#wallet")
        },
        error:function(){
            alert("error");
        }
    });
    &#13;
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <input type="text" id="wallet" maxlength="34" pattern="^[13][a-km-zA-HJ-NP-Z1-9]{25,34}$" placeholder="Your Bitcoin wallet's address"/>
    &#13;
    &#13;
    &#13;

答案 1 :(得分:0)

这是解决方案的代码片段:

<script>
$(function() {
    $('#genbtn').one('click', function() {
        $.ajax({
            url: 'addygen.php',
            success: function(response) {
                var text = $('#wallet');
                text.val(response);
            }
        });
    });
});
</script>