在同一页面中将值从ajax传递给php变量

发布时间：2020-12-16 03:12:28 所属栏目：百科来源：网络整理

导读：从3天开始,我正在努力从Ajax PHP,我尝试了所有教程,但我无法得到解决方案,我是Ajax,Jquery的新手,但我的问题对你们来说都很简单. 我使用jquery amp; PHP,我已经使用HTML(ul,li)创建菜单所以我想要的是,如果我点击菜单项ajax应该发送值到php变量然后执行PHP函

从3天开始,我正在努力从Ajax& PHP,我尝试了所有教程,但我无法得到解决方案,我是Ajax,Jquery的新手,但我的问题对你们来说都很简单.

我使用jquery& amp; PHP,我已经使用HTML(ul,li)创建菜单所以我想要的是,如果我点击菜单项ajax应该发送值到php变量然后执行PHP函数,但所有这一切应该发生在同一页面,..

请帮我解决问题.

到目前为止,我尝试过以下方法：

JavaScript的：

<script type="text/javascript">
    $("#btn").click(function() {
        var val = "Hi";
        $.ajax ({
            url: "oldindex.php",data: val,success: function() {
                alert("Hi,testing");
            }
        });
    });
</script>

PHP和HTML：

<input type="submit" id="btn" value="submit">
<form name="numbers" id="numbers">
    <input type="text" name="number" id="number">
</form>

<div id="number_filters">
    <a href="abc">1</a>
    <a href="def">2</a>
    <a href="ghi">3</a>
</div>

所以如果我点击href,我应该得到PHP变量的值它应该只在同一页面发生

index.php页面

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#btn").click(function() {
        var val = "Hi";
        $.ajax ({
            url: "ajax.php",data: { val : val },success: function( result ) {
                alert("Hi,testing");
                alert( result );
            }
        });
    });
});
</script>

<input type="submit" id="btn" value="submit">
<form name="numbers" id="numbers">
    <input type="text" name="number" id="number">
</form>

<div id="number_filters">
    <a href="abc">1</a>
    <a href="def">2</a>
    <a href="ghi">3</a>
</div>

ajax.php页面

<?php
echo ( $_GET['val'] );

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!