js里的代码:<script>var json;  //获取所有class名为zhi的标签var zhi = document.getElementsByClassName('zhi'),temp3 = [];for(var i=0;i<zhi.length;i++){//把标签里的内容放在temps集合里
           temp3.push(zhi[i].innerHTML)} $.ajax({ cache: false,async: false,   //注意:这里设置为flase,即同步操作,因为我们不需要异步操作,只是传参而已,当然,你也可以设置成异步。
         contentType: "application/x-www-form-urlencoded; charset=utf-8",  //这个要写对,和你的页面照应,你的页面是gb2312就填gb2312,我这里是utf8,否则中文传参会出错。
         url: "../member/wenzhangshenhe.php",  //这里填上你的php操作页面,即接受js参数的php页面。
         type: "POST",        //这里和php照应,这里填POST,php中就要用$_POST[]接受!
         traditional: true,  //序列化数据
         data:{"jsdata":temp3[i].toString()},  //传过去的参数,我传过去一个id,接受时php这样写:$data=$_POST["jsdata"];     变量名称当然可以更改。
         error: function(){       //出错处理,一般加上,但其实传参没什么出错。
             alert('请求超时');  },  success:function (data)  //成功后的函数,注意,这里接受php返回的参数!!!!
         {//注意!!由于传参时会进行base64加密,所以你穿过去的参数和返回的参数都会很长,如果我们不用json的话,参数就会丢失一部分,因为传递有长度限制!所以我们不得不涉及到一个麻烦的东西json数组!var a=data;var ss;ss=eval("("+a+")");  //eval()可以执行字符串中的js代码!
         ffa(ss);         //这是一个函数,用来得到传回来的参数。
         }    });var ss=this.json;  //得到ajax返回的参数function ffa(ss)  //得到当前ajax回执的data,保存在json里。
         {this.json=ss;}</script>

<?php
if ($_POST['jsdata'])  //这里的名字要和js里写的一样。
{
selecta($link);   //执行函数,这个函数是自定义的。。
}
function selecta($link)
{
/* 你的操作数据库的命令。。。。。。。。。。。。。。这里有一个很重要的东西,就是你返回的数据需要放到json数组里
json的写法不在详细介绍,样例是一维数组写法。   */
$a['data']=$rows['t_name'];  //$rows['t_name']是数据库的数据。这样就有了一个json数组$a,它的键data中有值。
echo json_encode($a);  //这句非常重要,这是php-->js的方式,如果不需要,就不用写。
}
?>


  

转载于:https://www.cnblogs.com/275147378abc/p/5113244.html

js用ajax和不同页面的php互相传值的方法相关推荐

  1. js实现回到上一页的功能,介绍三种方法,其中一种在新开的页面中也适用

    话不多说,看例子 1.history.go() 可以回到,前进任意一步的页面,回到上一页,如下所示 // 回到上一页 window.history.go(-1);// 回到下一页 window.his ...

  2. jsp里面的input的值吗_一个jsp页面中的input框向另一个jsp页面的input框传值

    a.jsp 查询button> var text = $("#name").val(); window.location.href='b.html?name='+text; ...

  3. 子页面调用父页面的js方法或参数(iframe.contentWindow)

    子页面调用父页面的js方法或参数 子页面调用父页面的参数 父页面调用子页面的参数或方法 相关链接 子页面调用父页面的参数 window.parent.aa();//调取aa函数 window.pare ...

  4. 【转】JS跨域(ajax跨域、iframe跨域)解决方法及原理详解(jsonp)

    这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被 ...

  5. JS跨域(ajax跨域、iframe跨域)解决方法及原理详解(jsonp)

    这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被 ...

  6. php上js实现ajax请求,原生JS如何实现Ajax通过POST方式与PHP进行交互的方法

    原生JS如何实现Ajax通过POST方式与PHP进行交互的方法 发布时间:2021-04-20 11:28:22 来源:亿速云 阅读:52 作者:小新 这篇文章将为大家详细讲解有关原生JS如何实现Aj ...

  7. javascript笔记——点击按钮(或超链接)如何跳转到另外一个页面并执行目标页面的js函数...

    页面跳转同时执行js代码$(function(){});url参数传递 标题的前半部分其实不必赘述,按钮也可以换成超链接.. 假设是需要在A页面上的一个按钮,点击后跳转到B页面,传一些参数后且并B页面 ...

  8. 通过Web Api 和 Angular.js 构建单页面的web 程序

    在传统的web 应用程序中,浏览器端通过向服务器端发送请求,然后服务器端根据这个请求发送HTML到浏览器,这个响应将会影响整个的页面,比如说:用户通过一个连接导航到一个页面,会发送一个请求到服务器端, ...

  9. php跳转wap代码,JavaScript_wap浏览自动跳转到wap页面的js代码,如何让用户输入wap手机网站的 - phpStudy...

    wap浏览自动跳转到wap页面的js代码 如何让用户输入wap手机网站的网址时自动跳转到wap网站 ? wap页面自动跳转的实现方式 ? 如何判断访客是否是移动设备访问,自动跳转到wap页面 ? 手机 ...

最新文章

  1. AStyle - SourceInsight
  2. CSS3的过渡和动画
  3. Bootstrap3.0学习第十轮(下拉菜单、按钮组、按钮式下拉菜单)
  4. hdu 5055(贪心)
  5. java 改装电动_java 数组
  6. java android 数组_Android开发基础之Java 数组
  7. 第十一周总结--助教
  8. Java初学者需掌握的30个概念
  9. 项目管理实践之版本控制工具SVN
  10. python数据类型二(列表和元组)
  11. 气象数据的简单数据分析处理——基于Notebook
  12. Target DLL has been cancelled
  13. STM32高级开发(15)-使用eclipse开发STM32
  14. 目标检测——RCNN与YOLO系列
  15. 数字IC设计工程师成长之路
  16. Spark的RDD的弹性体现在什么地方?------面试题
  17. SkeyeVSS综合安防监控Onvif、RTSP、GB28181视频云无插件直播点播解决方案之监控视频云端录像无插件回放
  18. 记录自己激光打眼手术过程
  19. 敏捷项目管理21天学习计划--Scrum
  20. linux 清理垃圾指令,Linux垃圾清理(示例代码)

热门文章

  1. 基于Tensorflow实现DeepFM
  2. oracle数据库报错1033,Oracle联机日志出现错误ORA-16038 ORA-19809 ORA-00312 解决
  3. 展示面--存储学习总结于2021年
  4. php把时间戳改为时间格式,php怎么把时间格式转换为时间戳?
  5. mysql 传送时间_vue处理mysql数据库中的时间数据(datetime)
  6. labview串口数据采集并显示_一种NB-IoT冶金节点温度采集与远程监测系统的设计...
  7. php与mysql实例教程_mysql实例与连接
  8. python删除数据库_用Python删除Cosmos数据库文档
  9. 基于FPGA的车牌识别系统
  10. 华为认证HCNA-IoT物联网工程师培训视频