js如何提交与php（表单提交js）

发布时间：2023-12-08

js如何提交与php（表单提交js）

更新：2022-11-16 07:06

本文目录一览：

  1. 如何把一个js变量传给php变量
  2. js如何提交post使php获取（使用原生js）
  3. js如何传值给php?
  4. 怎样把js中的数组提交到php中
  5. 如果用JS提交表单数据到PHP里？

如何把一个js变量传给php变量

js仅在 浏览器中运行。
php 仅在服务器端运行。
2者交互, 通常通过 http get/post 协议进行交互。
因此, 要将 js 变量传输到 php, 需通过 get/post 将参数传入。 譬如:

function test(){
    var x="abc";
    $.ajax("test.php?x="+x);
}

而 test.php 中, 通过 $_REQUEST["x"] 即可拿到js 请求过来的变量。

追问

感觉你的答案最符合我的需求，只是我还是碰到了问题。 test.php文件中 onchange事件触发test()函数，并将赋值。

function test(){
    var x="abc";
    $.ajax("test.php?x="+x);
}

test.php文件中 echo $_REQUEST["x"]并未获取到有效值。echo没有输出。

追答

是因为 script 中并没有输出由 php 传回的结果。 改成这个试试看。

function test(){
    var x="abc";
    $.ajax("test.php?x="+x),null,function(data){alert(data)});
}

js如何提交post使php获取（使用原生js）

document.querySelector("#btnAjax").onclick = function () {
    var ajax = new XMLHttpRequest();
    // 使用post请求
    ajax.open('post','ajax_post.php');
    // 如果 使用post发送数据 必须 设置 如下内容
    // 修改了 发送给 服务器的 请求报文的 内容
    // 如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据：
    ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    // 发送
    // post请求 发送的数据 写在 send方法中
    // 格式 name=jackage=18 字符串的格式
    ajax.send('name=jackage=998');
    // 注册事件
    ajax.onreadystatechange = function () {
        if (ajax.readyState == 4 && ajax.status == 200) {
            console.log(ajax.responseText);
        }
    }
}

js如何传值给php?

1. HTML中的值如何传到JS,下面假设是文件1.php

<body>
    <form action="1.php" method="post">
        name:<input type="text" name="username" id="username" />
        rename:<input type="text" name="username1" id="username1" />
        <input type="button" value="submit" onclick="get()" />
    </form>
</body>

JS假如想取文本框中用户输入的name值，这样写：

function get() {
    var n = document.getElementById('username').value;
    alert(n);
}

这样的话在有调用JS get()时就会弹出警示框，里面的内容就是name的值。

2. 假如说JS中的这个取到的name值要传回rename的文本框中，这样写：

function get() {
    var n = document.getElementById('username').value;
    document.getElementById("username1").value = n;
}

这样的话在下面调用get()就会自动显示你上面name输入的值。

3. PHP中取页面的值

这个我想大家都会了吧：

<?php
$name = $_REQUEST["username"];
echo $name;
?>

4. PHP的值传回页面

在HTML中插入PHP语言，可以调用PHP中变量的值，也可用Smarty（推荐）。 有了以上这些，不管是HTML页面里的值还是JS中变量的值，都可以轻松的传入PHP，当然，PHP的值也可传到想要的地方。

怎样把js中的数组提交到php中

php端有3个变量接收客户端的请求数据：

  • $_REQUEST 包含get和post的数据
  • $_POST post的数据
  • $_GET get的数据
    这三个变量都是数组, 直接用php获取数组元素的方法就能获取数据, 键名就是客户端发送请求的变量名。

如果用JS提交表单数据到PHP里？

你说的JS是Ajax异步提交吧？ 建议修改HTML代码，好方便书写下边代码：

<input type="text" id="pc_name" />
<input type="text" id="QQ" />
<input type="text" id="address" />

如果是的话，可以这么写：

$.post("order.php",{
    pc_name:$("#pc_name").val(),
    qq:$("#QQ").val(),
    address:$("#address").val()
},function(returndata){
    // returndata 是order.php页面处理完表单内容并保存后返回的信息，格式为Json
    alert(returndata);
});
推荐文章