1：HTML中的值如何傳到JS,下面假設(shè)是文件1.php
創(chuàng)新互聯(lián)公司云計(jì)算的互聯(lián)網(wǎng)服務(wù)提供商,擁有超過13年的服務(wù)器租用、服務(wù)器托管、云服務(wù)器、虛擬空間、網(wǎng)站系統(tǒng)開發(fā)經(jīng)驗(yàn)，已先后獲得國家工業(yè)和信息化部頒發(fā)的互聯(lián)網(wǎng)數(shù)據(jù)中心業(yè)務(wù)許可證。專業(yè)提供云主機(jī)、虛擬空間、國際域名空間、VPS主機(jī)、云服務(wù)器、香港云服務(wù)器、免備案服務(wù)器等。
復(fù)制代碼 代碼如下:
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值，這樣寫
復(fù)制代碼 代碼如下:
script
language='JavaScript'
function get()
{
var
n=document.getElementById('username').value;
alert
(n);
}/script
這樣的話在有調(diào)用JS
get()時(shí)就會彈出警示框，里面的內(nèi)容就是name的值。
2:假如說JS中的這個(gè)取到的name值要傳回rename的文本框中，這樣寫
復(fù)制代碼 代碼如下:
script language='JavaScript'
function get()
{
var n=document.getElementById('username').value;
document.getElementById("username1").value=n;
}/script
這樣的話在下面調(diào)用get()就會自動顯示你上面name輸入的值。
3：PHP中取頁面的值
這個(gè)我想大家都會了吧
復(fù)制代碼 代碼如下:
?php
$name=$_REQUEST["username"];
echo
$name;
?
4：PHP的值傳回頁面
在HTML中插入PHP語言，可以調(diào)用PHP中變量的值，也可用Smarty（推薦）。
有了以上這些，不管是HTML頁面里的值還是JS中變量的值，都可以輕松的傳入PHP，當(dāng)然，PHP的值也可傳到想要的地方。
如果用的是jqery之類的，用jquery之類獲得這三個(gè)聯(lián)動框取到的值，然后再用jquery的ajax（比如$.get或者$.post之類的傳給php)
2019-05-14
當(dāng)對象數(shù)組長度較大時(shí)，PHP后端獲取的POST數(shù)據(jù)不完整
php.ini中max_input_vars 參數(shù)默認(rèn)為1000 改為5000解決
也可使用JSON.stringify轉(zhuǎn)換為JSON字符串傳到后端，后端解析后再處理
方法1：
input type="button" value="f1" onclick="f1()"
script
//方法1
function f1(){
var type = 'aaa';
window.location.href='1.php?type=' + type;
}
/script
1.php 中：
$type = $_GET['type'];
echo $type;
方法2：
script src="jquery-1.10.2.min.js"/script
script
$(document).ready(function(){
var type ='aaa';
$("button").click(function(){
$.post("4-ajax.php",{
type: type,
},
function(data,status){
alert("數(shù)據(jù)：" + data + "\n狀態(tài)：" + status);
});
});
});
/script
button向頁面發(fā)送 HTTP POST 請求，并獲得返回的結(jié)果/button
4-ajax.php中：
$type = $_POST["type"];
echo $type;
舉個(gè)例子：你想在用戶點(diǎn)擊時(shí)，把 apple 這個(gè)字符串，通過前端傳給后端。
前端，用 jQuery 舉例：
$('button').click(function () {
$.ajax({
url: '/xxx',
method: 'post',
dataType: 'json',
data: {fruit: 'apple'}
}).done(function (res) {
// 成功后的回調(diào)
}).fail(function (err) {
// 失敗后的回調(diào)
});
});
后端 PHP 處理：
$fruit = $_POST['fruit']; // 獲取從 ajax 傳過來的 fruit 的值，這里是 apple。
如果你想在前端重新顯示這個(gè)字符串 apple，那么你要用 PHP 把數(shù)據(jù)返回給頁面，然后在上面 “// 成功后的回調(diào)” 里面，補(bǔ)充邏輯代碼。
例如 PHP 把 apple 返回給前端：
return json_encode(array('fruit' = 'apple'));
前端回調(diào)處理：
// 成功后的回調(diào)
alert(res.fruit); // 彈框顯示 “apple”
實(shí)際上，$_POST 能夠獲取所有從前端用 post 方式提交過來的數(shù)據(jù)，不管你是頁面刷新方式，還是 ajax（jQuery 才叫 ajax，實(shí)際上它是 XMLHttpRequest，異步非阻塞的請求方式）
前端用JQ 生成一個(gè)有字段名和值格式的鍵值對 的JSON 格式的字串 轉(zhuǎn)碼后 提交給后臺的PHP 處理
代碼如下
json_data+="\"emp_id\":\""+emp_id+"\",\"action_type\":\""+action_type+"\"})"
// $("#emp_no_id").val(json_data);
var json_data1=eval(json_data);
// var json_data1=json_data;
// $.each(json_data1,function(item,value){
// alert(item+value);
// });
$.ajax({
type: "post",//使用post方法訪問后臺
dataType: "text",//返回json格式的數(shù)據(jù)
url: "updata_emp.php", //要訪問的后臺地址
data:json_data1,
ontentType:'utf8',
async:false,
success: function(msg){//msg為返回的數(shù)據(jù)，在這里做數(shù)據(jù)綁定
重慶分公司
重慶分公司
