js如何提交與php（表單提交js）

本文目錄一覽：

• 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 將參數傳入.

譬如:

script

function test(){

var x=”abc”;

$.ajax(“test.php?x=”+x);

}

/script

而 test.php 中, 通過 $_REQUEST[“x”] 即可拿到js 請求過來的變數.

追問

感覺你的答案最符合我的需求，只是我還是碰到了問題。

test.php文件中

onchange事件觸發test()函數，並將賦值。

script

function test(){

var x=”abc”;

$.ajax(“test.php?x=”+x);

}

test.php文件中

echo $_REQUEST[“x”]並未獲取到有效值。echo沒有輸出。

請問，這到底是什麼原因。

追答

是因為 script 中並沒有輸出由 php 傳回的結果.

改成這個試試看.

1

2

3

4

5

6

script

function test(){

var x=”abc”;

$.ajax(“test.php?x=”+x),null,function(data){alert(data)});

}

/script

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==4ajax.status==200) {

                console.log(ajax.responseText);

            }

        }

    }

js如何傳值給php?

1：HTML中的值如何傳到JS,下面假設是文件1.php

複製代碼 代碼如下:

html

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” on CliCk=”get()”

/form

/body

/html

JS假如想取文本框中用戶輸入的name值，這樣寫

複製代碼 代碼如下:

script

language=’JavaScript’

function get()

{

var

n=document.getElementById(‘username’).value;

alert

(n);

}/script

這樣的話在有調用JS

get()時就會彈出警示框，裡面的內容就是name的值。

2:假如說JS中的這個取到的name值要傳回rename的文本框中，這樣寫

複製代碼 代碼如下:

script language=’JavaScript’

function get()

{

var n=document.getElementById(‘username’).value;

document.getElementById(“username1”).value=n;

}/script

這樣的話在下面調用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);

});