Js+Ajax,Get和Post在使用上的区别小结


Posted in Javascript onJune 08, 2016

get和post方法最大的不同在于:

1.get方法传值参数在url里面,而post参数放send里面

2.post方法必须加上

xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

下面实例可以看get方法

xmlHttp.open("GET","for.php?text="+url,true);

在post里面表现为:

xmlHttp.open("POST","for.php",true); 
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

POST和GET方法共用文件

index.php

<script src="a.js" type="text/javascript"></script>
<a href="#" onClick="funphp100('o')">o</a>
<a href="#" onClick="funphp100('t')">t</a>
<a href="#" onClick="funphp100('x')">x</a>
<div id="php100"></div>

POST方法文件:

 a.js

var xmlHttp;    
function S_xmlhttprequest(){ 
 if(window.ActiveXObject){ 
 xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');
 }else if(window.XMLHttpRequest){ 
  xmlHttp=new XMLHttpRequest();
  }
 }
 
function funphp100(n){
var data = "text=" +n;//多个参数的,往后加
 S_xmlhttprequest();
xmlHttp.open("POST","for.php",true); 
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 xmlHttp.onreadystatechange=byphp;
 xmlHttp.send(data);
 }
 
function byphp(){
var byphp100=xmlHttp.responseText;
document.getElementById("php100").innerHTML=byphp100;
 }

for.php:

<?
echo $_POST['text'];
?>

GET方法文件:

a.js:

var xmlHttp;    
function S_xmlhttprequest(){ 
 if(window.ActiveXObject){ 
 xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');
 }else if(window.XMLHttpRequest){ 
  xmlHttp=new XMLHttpRequest();
  }
 }
 
 
function funphp100(url){
 S_xmlhttprequest();
xmlHttp.open("GET","for.php?text="+url,true); 
 xmlHttp.onreadystatechange=byphp; 
 xmlHttp.send(null);
 }
 
function byphp(){
var byphp100=xmlHttp.responseText;
document.getElementById("php100").innerHTML=byphp100;
 }

for.php:

<?
echo $_GET['text'];
?>

以上这篇Js+Ajax,Get和Post在使用上的区别小结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用JQuery 实现的自定义对话框
Mar 24 Javascript
调试代码导致IE出错的避免方法
Apr 04 Javascript
jQuery toggleClass应用实例(附效果图)
Apr 06 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
Sep 23 Javascript
AngularJS实现动态编译添加到dom中的方法
Nov 04 Javascript
微信小程序开发(一) 微信登录流程详解
Jan 11 Javascript
Vue.js中组件中的slot实例详解
Jul 17 Javascript
用vue构建多页面应用的示例代码
Sep 20 Javascript
element-ui 中的table的列隐藏问题解决
Aug 24 Javascript
Jquery滑动门/tab切换实现方法完整示例
Jun 05 jQuery
JS实现按比例缩小图片宽高
Aug 24 Javascript
微信小程序实现签到弹窗动画
Sep 21 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
Jun 08 #Javascript
JS与Ajax Get和Post在使用上的区别实例详解
Jun 08 #Javascript
浅谈JS原生Ajax,GET和POST
Jun 08 #Javascript
原生 JS Ajax,GET和POST 请求实例代码
Jun 08 #Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
Jun 08 #Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
Jun 08 #Javascript
JavaScript中两个字符串的匹配
Jun 08 #Javascript
You might like
PHP 和 MySQL 开发的 8 个技巧
2007/01/02 PHP
php常用的安全过滤函数集锦
2014/10/09 PHP
ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能示例
2019/08/05 PHP
jquery实现控制表格行高亮实例
2013/06/05 Javascript
客户端js判断文件类型和文件大小即限制上传大小
2013/11/20 Javascript
JavaScript中判断原生函数检查function是否是原生代码
2014/09/09 Javascript
node.js+Ajax实现获取HTTP服务器返回数据
2014/11/26 Javascript
JavaScript中计算网页中某个元素的位置
2015/06/10 Javascript
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】
2016/07/19 Javascript
详解nodejs 文本操作模块-fs模块(五)
2016/12/23 NodeJs
js点击任意区域弹出层消失实现代码
2016/12/27 Javascript
用file标签实现多图文件上传预览
2017/02/14 Javascript
JavaScript实现实时更新系统时间的实例代码
2017/04/04 Javascript
jQuery实现多张图片上传预览(不经过后端处理)
2017/04/29 jQuery
浅谈es6 javascript的map数据结构
2017/12/14 Javascript
vue-router 实现导航守卫(路由卫士)的实例代码
2018/09/02 Javascript
mpvue+vant app搭建微信小程序的方法步骤
2019/02/11 Javascript
vue使用i18n实现国际化的方法详解
2019/09/05 Javascript
详解Vue 单文件组件的三种写法
2020/02/19 Javascript
[02:00]最后,我终于出了辉耀
2018/03/27 DOTA
Python实现的数据结构与算法之双端队列详解
2015/04/22 Python
python实现RSA加密(解密)算法
2016/02/17 Python
python scatter散点图用循环分类法加图例
2019/03/19 Python
Django+Celery实现动态配置定时任务的方法示例
2020/05/26 Python
HTML5拖放功能_动力节点Java学院整理
2017/07/13 HTML / CSS
MCM英国官网:奢侈皮具制品
2017/04/18 全球购物
打架检讨书100字
2014/01/19 职场文书
咖啡厅创业计划书范本
2014/01/22 职场文书
党的群众路线教育实践活动宣传标语口号
2014/06/06 职场文书
反腐倡廉剖析材料
2014/09/30 职场文书
承租经营合作者协议书
2014/10/01 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书
《狼牙山五壮士》读后感:宁死不屈,视死如归
2019/08/16 职场文书
MySQL通过binlog恢复数据
2021/05/27 MySQL
详解Laravel制作API接口
2021/05/31 PHP
Apache Linkis 中间件架构及快速安装步骤
2022/03/16 Servers