php与前端传递参数

php与前端传递参数

  • 原生态javascript
   function showSite(str)
    {
        if (str=="")
        {
            document.getElementById("txtHint").innerHTML="";
            return;
        }
        if (window.XMLHttpRequest)
        {
            // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
            xmlhttp=new XMLHttpRequest();
        }
        else
        {
            // IE6, IE5 浏览器执行代码
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
                alert(xmlhttp.responseText);
            }
        }
        //xmlhttp.open("GET","getsite_mysql.php?q="+str,true);
        alert("hello");
        xmlhttp.open("POST","getsite_mysql.php",true);
        xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//必需
        xmlhttp.send("q="+str);
    }
  • 使用jquery
	function showSite2(str)
	{
        $.ajax({  //ajax显示发帖
            url:'getsite_mysql.php',
            type:'POST',
            data: {"q":str},
            async:true,
            success:function(response,status,xhr){
                //alert(response);
                //document.getElementById("txtHint").innerHTML=response;
                $('#txtHint').text("");
                $('#txtHint').append(response);
            }
        });


    }

也可以用包装好的$.POST$.GET来进行通信。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个使用 Ajax 向后端传递参数的完整示例代码: HTML 代码: ```html <!DOCTYPE html> <html> <head> <title>Ajax 参数传递示例</title> <meta charset="utf-8"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> <body> <form id="myForm"> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br><br> <label for="age">年龄:</label> <input type="text" id="age" name="age"><br><br> <button type="button" id="submitBtn">提交</button> </form> <div id="result"></div> <script> $(function() { $("#submitBtn").click(function() { var name = $("#name").val(); var age = $("#age").val(); $.ajax({ url: "backend.php", type: "POST", data: { name: name, age: age }, success: function(data) { $("#result").html(data); }, error: function() { alert("请求失败,请稍后重试"); } }); }); }); </script> </body> </html> ``` 在上面的代码中,我们创建了一个表单,其中包含了两个输入框和一个提交按钮。当用户点击提交按钮时,使用 jQuery 的 `$.ajax()` 方法向后端发送请求,并将表单中的参数传递给后端。 后端 PHP 代码: ```php <?php if ($_SERVER["REQUEST_METHOD"] == "POST") { $name = $_POST["name"]; $age = $_POST["age"]; echo "您提交的姓名是:" . $name . "<br>"; echo "您提交的年龄是:" . $age; } ?> ``` 在上面的 PHP 代码中,我们首先判断请求的方法是否为 POST,如果是,则从 `$_POST` 数组中获取前端传递过来的参数,并将结果返回给前端。 当用户在前端输入姓名和年龄并点击提交按钮时,前端会向后端发送一个 POST 请求,请求的 URL 是 `backend.php`,同时会将姓名和年龄作为请求的参数传递给后端。当后端接收到请求后,会在页面上展示用户提交的姓名和年龄。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值