Javascript 如何使用<；调用php函数；李>；使用AJAX的onclick事件？_Javascript_Php_Jquery_Ajax

Javascript 如何使用<；调用php函数；李>；使用AJAX的onclick事件？

javascript php jquery ajax

Javascript 如何使用<；调用php函数；李>；使用AJAX的onclick事件？,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,如果我正在使用onclickevent，您能帮助我如何使用AJAX调用PHP函数（调用外部服务器）吗 <div class="container"> <h3 style=color:blue;>INFORMATION </h3> <ul class="nav nav-pills" style="background-color:lightblue" > <li class="dropdown"> <a class="dropd

如果我正在使用

onclick

event，您能帮助我如何使用AJAX调用PHP函数（调用外部服务器）吗

<div class="container">
<h3 style=color:blue;>INFORMATION </h3>
<ul class="nav nav-pills" style="background-color:lightblue" >
<li class="dropdown">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#"   style=color:blue;> Information <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a onclick="get_inf1()" style="color:blue;cursor:pointer;">Submenu_1</a></li> 
    <li><a onclick="get_inf2()" style="color:blue;cursor:pointer;">Submenu_2</a></li> 
    <li><a onclick="get_inf3()" style="color:blue;cursor:pointer;">Submenu_3</a></li> 
  </ul>
</li>
</ul>
</div>


信息



子菜单_1
子菜单_2
子菜单_3

被调用php函数的begin代码是：

<?php 
function get_info1()
{
    $bdy = "<?xml version=\"1.0\" encoding=\"utf-8\"?>";
    $bdy.= "<soap:Envelope xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"
    xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\"
    xmlns:soap=\"http://schemas.xmlsoap.org/soap/envelope/\">";
    $bdy.= "<soap:Body>";
    $bdy.= "<GetInformation xmlns=\"http:// website  /\" />";
    $bdy.= "</soap:Body>";
    $bdy.= "</soap:Envelope>\r\n";
    $req = "POST /data.asmx HTTP/1.1\r\n";

example.php:
<!DOCTYPE html>
<html>
<head></head>
<body>
<div class="container">
<h3 style=color:blue;>INFORMATION </h3>
<ul class="nav nav-pills" style="background-color:lightblue" >
<li class="dropdown">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#"   style=color:blue;> Information <span class="caret"></span></a>
    <ul class="dropdown-menu">
        <li id="uniqueId01">Submenu_1</li> 
        <li id="uniqueId02">Submenu_2</li> 
        <li id="uniqueId03">Submenu_3</li> 
    </ul>
</li>
</ul>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$('.dropdown-menu li').on('click', function(){
    $.get('/path/to/script.php', { menu: this.id }, function(data){
        $('body').append(data); //do something with whatever data is returned
    });
});
</script>
</body>
</html>


信息



子菜单1
子菜单2
子菜单3



$（'.下拉菜单li'）。在（'click'，function（）上{
$.get（'/path/to/script.php'，{menu:this.id}，函数（数据）{
$（'body'）.append（data）；//对返回的数据进行处理
});
});

path/to/script.php：
<?php

switch($_GET['menu']){

    case 'uniqueId01':
        menu1();
        break;
    case 'uniqueId02':
        menu2();
        break;
    case 'uniqueId03':
        menu3();
        break;
    default:
        someDefaultFunction();
        break;
}

function menu1(){
    echo 'You clicked Menu 1! '; //do something
}
function menu2(){
    echo 'You clicked Menu 2! ';
}
function menu3(){
    echo 'You clicked Menu 3! ';
}

你能分享一下你的尝试吗？我用example.php和script.php（Nick Kuznia的答案）尝试了这个解决方案，而且效果很好！我用example.php和script.php（Nick Kuznia提供的答案）尝试了这个解决方案，它工作正常！非常感谢。