Question

我使用PHP来回显javascript和html。我试图使用AJAX将两个值发送到另一个PHP文件，其中代码从原始echo回显。这个javascript的一个例子是：

<script>
                $(document).ready(function () {
                    $('#join_testtest').on('cick', function() {
                        var clubName = $('#join_name_testtest').val();
                        var userName = $('#userName_join').val();

                        $.ajax({
                                  url: 'joinClub.php',
                                  method: 'POST',
                                  data: {
                                      clubName: clubName,
                                      userName: userName
                                  },
                                  success: function(response){
                                        $('#response_join').html(response); 
                                    }, 
                                    dataType: 'text'
                               });

                    });
                });

            </script>

以下是与上例相对应的html代码：

<input id='join_testtest' type='button' value='join testtest'>
<input type='text' id='join_name_testtest' style='display:none;' value='testtest'>
<input id='userName_join' style='display:none;' value ='1'>

控制台中没有错误。 PHP将以关键字成功退出或失败，但#response_join中不会打印任何内容。任何帮助都是相关的。

Answer 1

下面的代码对我来说很好。希望这会有所帮助。

<div id="response_join"></div>
<form method="POST">
    <input type='text' id='join_name_testtest' hidden value='testtest'>
    <input id='userName_join' hidden value='1'>
    <input type='button' id='join_testtest' value='join testtest'>
</form>`
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
    $(document).ready(function () {

        $("#join_testtest").on('click', function () {
            var clubName = $('#join_name_testtest').val();
            var userName = $('#userName_join').val();
            $.ajax({
                url: 'joinClub.php',
                method: 'POST',
                data: {
                    clubName: clubName,
                    userName: userName
                },
                success: function (response) {
                    $('#response_join').html(response);
                },
                dataType: 'text'
            });
        });

    });
</script>

javascript中没有错误但它不起作用

1 个答案: