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 相关文章推荐
Javascript &amp; DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
Jun 02 Javascript
JQuery中关于jquery.js与jquery.min.js的比较探讨
May 15 Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
Jun 28 Javascript
解决Jquery load()加载GB2312页面时出现乱码的两种方案
Sep 10 Javascript
javascript设计模式之对象工厂函数与构造函数详解
Jul 30 Javascript
深入理解jQuery之防止冒泡事件
May 24 Javascript
jquery中取消和绑定hover事件的实现代码
Jun 02 Javascript
Vue仿支付宝支付功能
May 25 Javascript
jQuery实现侧边栏隐藏与显示的方法详解
Dec 22 jQuery
JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支
Jul 04 Javascript
Vue 实现一个命令式弹窗组件功能
Sep 25 Javascript
Vue左滑组件slider使用详解
Aug 21 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经典的给图片加水印程序
2006/12/06 PHP
PHP中遍历数组的三种常用方法实例分析
2019/06/24 PHP
laravel 解决强制跳转 https的问题
2019/10/22 PHP
fancybox1.3.1 基于Jquery的插件在IE中图片显示问题
2010/10/01 Javascript
JS跨域代码片段
2012/08/30 Javascript
关于锚点跳转及jQuery下相关操作与插件
2012/10/01 Javascript
js解析与序列化json数据(一)json.stringify()的基本用法
2013/02/01 Javascript
js判断背景图片是否加载成功使用img的width实现
2013/05/29 Javascript
JavaScript中的ubound函数使用实例
2014/11/04 Javascript
嵌入式iframe子页面与父页面js通信的方法
2015/01/20 Javascript
JS显示日历和天气的方法
2016/03/01 Javascript
jQuery 特性操作详解及实例代码
2016/09/29 Javascript
vue.js指令v-model实现方法
2016/12/05 Javascript
ES6新特性之函数的扩展实例详解
2017/04/01 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
2017/12/14 Javascript
Vue 子组件与数据传递问题及注意事项
2019/07/11 Javascript
详解React路由传参方法汇总记录
2020/11/29 Javascript
python实现的MySQL增删改查操作实例小结
2018/12/19 Python
初探利用Python进行图文识别(OCR)
2019/02/26 Python
Python中@property的理解和使用示例
2019/06/11 Python
Pandas删除数据的几种情况(小结)
2019/06/21 Python
python正则表达式 匹配反斜杠的操作方法
2020/08/07 Python
美味咖啡的顶级烘焙师:Cafe Britt
2018/03/15 全球购物
WiFi云数码相框:Nixplay
2018/07/05 全球购物
优秀员工年终发言演讲稿
2014/01/01 职场文书
银行存款证明样本
2014/01/17 职场文书
幼教简历自我评价
2014/01/28 职场文书
八一建军节感言
2014/02/28 职场文书
技校毕业生自荐信范文
2014/03/07 职场文书
合作意向书模板
2014/03/31 职场文书
设备售后服务承诺书
2014/05/30 职场文书
语文课外活动总结
2014/08/27 职场文书
党的群众路线教育实践活动心得体会范文
2014/11/05 职场文书
保研推荐信范文
2015/03/25 职场文书
2015年依法行政工作总结
2015/04/29 职场文书
MYSQL优化之数据表碎片整理详解
2022/04/03 MySQL