的 DEMO

Question

我有一个page.php和一个func.php。我知道我可以做的请求是使用AJAX，但我不知道它是怎么做的。我在这里搜索了this，但我不明白它是如何工作的。

这是我的档案：

page.php文件

<html>
<head>
<script src="func.php" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">

        function hello(){
             $.ajax({ 
         url: 'func.php',
         data: {action: 'hello'},
         type: 'post',
         success: function(output) {
              alert(output);
        }
           });
        }

        function bye(){
              $.ajax({ 
              url: 'func.php',
              data: {action: 'bye'},
              type: 'post',
              success: function(output) {
                alert(output);
            }
            });
            }
</script>
</head>
<body>

<form action method="post" name="form" id="form" action="javascript:hello();"  >
<button type="input">Hello</button>
</form>

<form action method="post" name="form" id="form" action="javascript:bye();"  >
<button type="input">Bye</button>
</form>
</body>
</html>

func.php

<?
if(isset($_POST['action']) && !empty($_POST['action'])) {

$action = $_POST['action'];
    switch($action) {
        case 'hello' : hello();break;
        case 'bye' : bye();break;
    }

function hello(){
    echo "Hello";
}

function bye(){
    echo "bye";
}
}
?>

代码非常简单，我只希望当用户点击“hello”或“bye”按钮时，javascript调用该函数并打印结果。这是我真实代码的一个例子，我知道如果我想打印“hello / bye”，我不需要ajax或其他文件。

非常感谢！

Answer 1

您需要为按钮设置点击处理程序。给每个按钮一个唯一的ID并设置舔听众，如下例所示。

<强> jQuery的：

$(document).ready(function() {
    $("#hello").click(hello);
    $("#bye").click(bye);        
});

<强> HTML：

<button type="button" id="hello">Hello</button>
<button type="button" id="bye">Bye</button>

的 DEMO

Answer 2

你可以这样做：

Jquery：

$(document).ready(function() {
    $('#bye').bind('click', bye);
    $('#hello').bind('click', hello);
});

HTML：

<form action method="post" name="form" id="form"  >
  <a id="hello">hello</a>
  <a id="bye">bye</a>
</form>

使用Javascript和AJAX调用2+函数

2 个答案:

的 DEMO