十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
1:HTML中的值如何传到JS,下面假设是文件1.php
创新互联公司云计算的互联网服务提供商,拥有超过13年的服务器租用、服务器托管、云服务器、虚拟空间、网站系统开发经验,已先后获得国家工业和信息化部颁发的互联网数据中心业务许可证。专业提供云主机、虚拟空间、国际域名空间、VPS主机、云服务器、香港云服务器、免备案服务器等。
复制代码 代码如下:
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的值也可传到想要的地方。
如果用的是jqery之类的,用jquery之类获得这三个联动框取到的值,然后再用jquery的ajax(比如$.get或者$.post之类的传给php)
2019-05-14
当对象数组长度较大时,PHP后端获取的POST数据不完整
php.ini中max_input_vars 参数默认为1000 改为5000解决
也可使用JSON.stringify转换为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("数据:" + data + "\n状态:" + status);
});
});
});
/script
button向页面发送 HTTP POST 请求,并获得返回的结果/button
4-ajax.php中:
$type = $_POST["type"];
echo $type;
举个例子:你想在用户点击时,把 apple 这个字符串,通过前端传给后端。
前端,用 jQuery 举例:
$('button').click(function () {
$.ajax({
url: '/xxx',
method: 'post',
dataType: 'json',
data: {fruit: 'apple'}
}).done(function (res) {
// 成功后的回调
}).fail(function (err) {
// 失败后的回调
});
});
后端 PHP 处理:
$fruit = $_POST['fruit']; // 获取从 ajax 传过来的 fruit 的值,这里是 apple。
如果你想在前端重新显示这个字符串 apple,那么你要用 PHP 把数据返回给页面,然后在上面 “// 成功后的回调” 里面,补充逻辑代码。
例如 PHP 把 apple 返回给前端:
return json_encode(array('fruit' = 'apple'));
前端回调处理:
// 成功后的回调
alert(res.fruit); // 弹框显示 “apple”
实际上,$_POST 能够获取所有从前端用 post 方式提交过来的数据,不管你是页面刷新方式,还是 ajax(jQuery 才叫 ajax,实际上它是 XMLHttpRequest,异步非阻塞的请求方式)
前端用JQ 生成一个有字段名和值格式的键值对 的JSON 格式的字串 转码后 提交给后台的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格式的数据
url: "updata_emp.php", //要访问的后台地址
data:json_data1,
ontentType:'utf8',
async:false,
success: function(msg){//msg为返回的数据,在这里做数据绑定