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 相关文章推荐
JS实现Enter键跳转及控件获得焦点
Aug 12 Javascript
Jquery 获取对象的几种方式介绍
Jan 17 Javascript
JavaScript鼠标特效大全
Sep 13 Javascript
JavaScript ES6中CLASS的使用详解
Nov 22 Javascript
微信小程序上传图片到服务器实例代码
Nov 07 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
Jul 23 Javascript
koa socket即时通讯的示例代码
Sep 07 Javascript
Vue动画事件详解及过渡动画实例
Feb 09 Javascript
vue实现局部刷新的实现示例
Apr 16 Javascript
jquery 时间戳转日期过程详解
Oct 12 jQuery
jQuery实现颜色打字机的完整代码
Mar 19 jQuery
JavaScript实现轮播图效果
Oct 30 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
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
Jun 08 #Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
Jun 08 #Javascript
You might like
PHP 写文本日志实现代码
2010/05/18 PHP
php+js实现异步图片上传实例分享
2014/06/02 PHP
深入浅析用PHP实现MVC
2016/03/02 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
Laravel 加载第三方类库的方法
2018/04/20 PHP
Yii使用DbTarget实现日志功能的示例代码
2020/07/21 PHP
使用CSS3实现字体颜色渐变的实现
2021/03/09 HTML / CSS
Javascript动态绑定事件的简单实现代码
2010/12/25 Javascript
jquery 插件学习(一)
2012/08/06 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
2015/06/24 Javascript
分享一些常用的jQuery动画事件和动画函数
2015/11/27 Javascript
JQuery日历插件My97DatePicker日期范围限制
2016/01/20 Javascript
详解AngularJS用Interceptors来统一处理HTTP请求和响应
2017/06/08 Javascript
vue实现表格增删改查效果的实例代码
2017/07/18 Javascript
史上最全JavaScript数组去重的十种方法(推荐)
2017/08/17 Javascript
基于vue实现分页效果
2017/11/06 Javascript
详解Node.js读写中文内容文件操作
2018/10/10 Javascript
150行Node.js实现的dns代理工具
2019/08/02 Javascript
Python 调用VC++的动态链接库(DLL)
2008/09/06 Python
Python max内置函数详细介绍
2016/11/17 Python
python自动截取需要区域,进行图像识别的方法
2018/05/17 Python
Tensorflow加载预训练模型和保存模型的实例
2018/07/27 Python
Scrapy使用的基本流程与实例讲解
2018/10/21 Python
python实现多层感知器
2019/01/18 Python
Python玩转Excel的读写改实例
2019/02/22 Python
Python错误的处理方法
2020/06/23 Python
浅谈Python 钉钉报警必备知识系统讲解
2020/08/17 Python
使用HTML和CSS3绘制基本卡通图案的示例分享
2015/11/06 HTML / CSS
澳大利亚旅游网站:Lastminute
2017/08/07 全球购物
我的动漫时代的创业计划书范文
2014/01/27 职场文书
庆元旦广播稿
2014/02/10 职场文书
安全生产汇报材料
2014/02/17 职场文书
人力资源管理专业求职信
2014/07/23 职场文书
股东合作协议书
2014/09/12 职场文书
领导班子个人查摆问题对照检查材料
2014/10/02 职场文书
2015年小学总务工作总结
2015/07/21 职场文书