这个问题在网页开发时经常遇到,其实解决办法非常简单,就是几行代码的事,不过各种js、php书上都没有,百度下来也乱七八糟的,有的能用,有的不能用。小编遇到这问题时认认真真研究了一上午,研究出一点心得,希望可以帮到你

方法/步骤

  1. 第一种情况:

    两个不在同一页面(js一个页面,php在另一个页面)

    第一种方法:

    通过url传参。js传过去,php接收,或者php传过去,js接收。

    这里展示一下js传过去,php接收的情况。

    我用的jquery,写的方便。js的DOM操作麻烦。

  2. js通过url传过去,最重要的是更改url

    代码:$(form的id).attr("action",新的url地址);

    这个是更改form的action的url来达到传参的目的。

    当然表格完成之后一般都会跳转,将数据传到跳转后的回执页面,在那里进行数据库操作。

    贴一下我的代码,以这个为样例来详细介绍。如图

  3. 再说一下php接收过程,这个很简单的。用到的命令是:

    $ss=$_POST["url中的参数名"];

    非常简单,php会自动识别url并分析出参数值。但需要注意的是:form表格的method属性要是post,否则php就不能用POST方法接收。

    url传参,参数格式要写对,图有样例。

    发张接收图。

     
  4. 在这里详细说明一下php的POST[ ] 方法的用法及原理。

    POST[" "] <----------- 括号中的值是你method方法为post的表单的各项元素的name。

    例如

    <form method='post'>

    <input name='123' />

    </form>

    那么你的php接收时就要这样写:

    $ss=$_POST["123"];

    名字一定要对上,否则post方法不管用。

  5. 第二种方法:

    php向js传递参数。

    这个其实和上面的一样,只是变成了php更改url,js接收参数

    多用在查询数据时。只是有一点非常坑,那就是js接收参数好像需要自己字符串加工,我还没有找到好办法。发一下我写的接收两个参数的js函数。

    代码如下:

  6. 代码:

    function Ana()    //(函数名:分析的英文缩写)

    {

        var url = $(window.parent.document).find("#rl").attr("src"); 

    var pq=typeof(url);

    if ( pq == "undefined" ) {

    var c=date();

    return c; }

    else

    {

    var p=url.indexOf("?");

    if (p!=-1)

    var i=url.indexOf("=");

    i=i+1;

    var j=url.indexOf("&");

    var c1,c2;

    c1="";

    c2="";

    for (var k=i;k<j;k++)

    {c1 +=url[k];}

    var s=url;

    url="";

    for (k=j;k<s.length;k++)

    {url +=s[k];}

    i=url.indexOf("=");

    i=i+1;

    j=url.length;

    for (var k=i;k<j;k++)

    {c2 +=url[k];}

    var c=new Array(c1,c2);

    return c;

    }

    else 

    {

    var c=date();

    return c;   //返回数组。

    }

  7. 第二种情况:

    php与js在同一页面,php要传递给js变量。

    简介中说了,这东西很简单,就是几行代码的事,就是不好找。

    所以废话不多说,贴代码:

    代码都能看清,就一行,就不写了,写了也没用,改个变量名的时间就够你写出来这行代码了。

  8. 看一下代码效果!证明我这方法有效,没骗你。

     

js与php传递参数的更多相关文章

  1. js跳转传递参数

    额,利用j获取了GridView中选中行数据后,通过JavaScript做跳转,传递参数的时候发现,当参数有中文的时候就会乱码, 当然出现这种情况的时候就需要对跳转的url进行编码 var urlX ...

  2. vue.js中路由传递参数

    知识点:vue路由传递参数,第二个页面(A.B页面)拿到参数,使用参数 方法一:使用 <router-link :to="{name:'edithospital',params:{hi ...

  3. JS 浏览器地址栏传递参数,参数加密/解密(编码/解码)

    我们有时候在JS里进行页面跳转,并且传递了参数(AppName),如下: window.location = "../../views/form/edit.html?AppName=新增&q ...

  4. js获取url传递参数(转的,原作不详)

    这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的request.querystring,PHP的$_GET 函数: <Script languag ...

  5. 【转】js获取url传递参数

    <Script language="javascript">var Request = new Object();Request = GetRequest();var ...

  6. js获取url传递参数,js获取url?号后面的参数

    方法一.正则表达式 function getQueryString(name) { var reg = new RegExp("(^|&)" + name + " ...

  7. js 文件引用传递参数

    每天学习一点点 编程PDF电子书免费下载: http://www.shitanlife.com/code (function() {var hm = document.createElement(&q ...

  8. JS解决URL传递参数中文乱码问题

    function getUrlParam(name){ // 用该属性获取页面 URL 地址从问号 (?) 开始的 URL(查询部分) var url = window.location.search ...

  9. JS 调用存储过程传递参数

    引用 #region 程序集 Newtonsoft.Json.dll, v4.5.0.0 // E:\Newtonsoft.Json.dll #endregion public DataTable R ...

随机推荐

  1. iOS启动屏 ➕ 闪屏的方法

    转载自:http://www.starming.com/index.php?v=index&view=21 在- (BOOL)application:(UIApplication *)appl ...

  2. UVA 10304 Optimal Binary Search Tree

    简单区间DP. #include<cstdio> #include<cstring> #include<cmath> #include<vector> ...

  3. ecshop二次开发添加快递

    以天天快递为例:步骤1.打开includes\modules\shipping文件夹,把sto_express.php复制多一份,重名为tt_express.php:步骤2.打开tt_express. ...

  4. Android Quick Tip - ADB over WiFi

    http://stuffandtech.blogspot.jp/2012/03/android-quick-tip-adb-over-wifi.html   MAR 26 Android Quick ...

  5. MRC的下setter访问器的两种形式

    // Person复合了Phone和Room // 第一种:比较合理 先判断对象形参传递的对象和原属性是否一致,不一致在释放旧值,给形参传递的值retain,因为retain方法会返回该对象,因此可以 ...

  6. Cocos2dx 学习笔记整理----在项目中使用图片(一)

    cocos2dx有多种使用图片的方法,先来个最简单的:用CCSprite直接使用图片. 首先,进入到之前建立的项目,把你将要使用的图片放入到目录下的Resources文件夹里面.项目中以相对路径使用资 ...

  7. CSS-学习笔记六

    1. 自适应,响应式布局 2. pure 3. Animate

  8. (中等) POJ 2528 Mayor's posters , 离散+线段树。

    Description The citizens of Bytetown, AB, could not stand that the candidates in the mayoral electio ...

  9. Android之布局大全

    Android布局方式可以归类为ViewGroup的5个类别,即ViewGroup的5个直接子类.其它的一些布局都扩展自这5个类. 上结构图: 转自:http://www.cnblogs.com/de ...

  10. X-001 FriendlyARM Tiny4412 uboot移植前奏

    版权声明:本文为博主原创文章,转载请注明出处 开发环境:win7 64位 + VMware12 + Ubuntu14.04 64位 工具链:linaro提供的gcc-linaro-6.1.1-2016 ...