Question

很抱歉，如果之前我的问题已经被问到，我试图搜索但不是答案（或者不理解答案）。

我有一个链接，我喜欢使用AJAX获取值，这里是PHP的例子

HOME

<a href="page.php?value=3">Go</a>

PAGE

 $getValue = $_GET['value'];
 echo $getValue;

由于

Answer 1

使用 $.get() 执行ajax get

<强>的jQuery

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>

$(document).ready(function(){
    $('a[href="page.php?value=3"]').click(function(e){
        e.preventDefault()
        $.get("page.php",{value:3},function(data){
           alert(data);
        });
    });
});

</script>
<a href="page.php?value=3">Go</a>

<强> page.php文件

<?php
 $getValue = $_GET['value'];
 echo $getValue;
?>

包含jQuery库。
将代码包装在$(document).ready(function(){ })处理程序中，以便在加载dom元素后进行绑定。
使用preventDefault()方法阻止对事件进行浏览器默认操作。
使用click()收听点击事件。
最后使用$.get()获取Ajax。

Answer 2

使用纯Javascript：

<script type="text/javascript">
function loadXMLDoc() {
    var xmlhttp;

    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            // put the xmlhttp.responseText in your html element
            document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
        }
    }

    xmlhttp.open("GET", "page.php?value=3", true);
    xmlhttp.send();
}
</script>

使用jQuery：

$.ajax({
    url: "page.php",
    data: { value: 3 },
    context: document.body,
    success: function(){
      $(this).addClass("done");
    }
});

jquery中的默认方法是GET，但您可以更改此内容，有关更多jquery信息，请参阅此页https://api.jquery.com/jQuery.ajax/

Answer 3

使用jQuery ajax这样做

$.ajax({
  type: "GET",
  url: "page.php",
  data: { value: 3}
});

page.php文件

<?php
 $getValue = $_GET['value'];
 echo $getValue;
?>

使用AJAX发送和回显

3 个答案: