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中对对层的控制
Dec 29 Javascript
JavaScript常用对象的方法和属性小结
Jan 24 Javascript
js 判断上传文件大小及格式代码
Nov 13 Javascript
比较不错的JS/JQuery显示或隐藏文本的方法
Feb 13 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
Jun 23 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
Sep 05 Javascript
深入浅析search 搜索框的写法
Aug 02 Javascript
ReactNative页面跳转Navigator实现的示例代码
Aug 02 Javascript
VUE页面中加载外部HTML的示例代码
Sep 20 Javascript
vue实现某元素吸顶或固定位置显示(监听滚动事件)
Dec 13 Javascript
JS实现简单的点赞与踩功能示例
Dec 05 Javascript
node 版本切换的实现
Feb 02 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学习笔记之 函数声明(二)
2011/06/09 PHP
PHP中3种生成XML文件方法的速度效率比较
2012/10/06 PHP
windows8.1下Apache+Php+MySQL配置步骤
2015/10/30 PHP
php使用ftp实现文件上传与下载功能
2017/07/21 PHP
理解Javascript_03_javascript全局观
2010/10/11 Javascript
基于Jquery与WebMethod投票功能实现代码
2011/01/19 Javascript
动态创建script标签实现跨域资源访问的方法介绍
2014/02/28 Javascript
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
2014/05/08 Javascript
Jquery动态替换div内容及动态展示的方法
2015/01/23 Javascript
关于延迟加载JavaScript
2015/05/05 Javascript
JavaScript中的lastIndexOf()方法使用详解
2015/06/06 Javascript
PHP结合jQuery实现红蓝投票功能特效
2015/07/22 Javascript
JavaScript中instanceof运算符的使用示例
2016/06/08 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
2016/10/24 Javascript
nodeJS删除文件方法示例
2016/12/25 NodeJs
浅谈Vue2.0中v-for迭代语法的变化(key、index)
2018/03/06 Javascript
vue父组件异步获取数据传给子组件的方法
2018/07/26 Javascript
JS原型prototype和__proto__用法实例分析
2020/03/14 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
2020/07/17 Javascript
基于脚手架创建Vue项目实现步骤详解
2020/08/03 Javascript
vue中实现弹出层动画效果的示例代码
2020/09/25 Javascript
python daemon守护进程实现
2016/08/27 Python
详解用python写一个抽奖程序
2019/05/10 Python
html5组织文档结构_动力节点Java学院整理
2017/07/11 HTML / CSS
HTML5 客户端数据库简易使用:IndexedDB
2019/12/19 HTML / CSS
小学生安全保证书
2014/02/01 职场文书
春季运动会广播稿大全
2014/02/19 职场文书
摄影专业毕业生求职信
2014/03/13 职场文书
公司授权委托书范本
2014/04/03 职场文书
公安机关纪律作风整顿个人剖析材料材料
2014/10/10 职场文书
死亡赔偿协议书
2015/01/28 职场文书
2015年度工程师评职称工作总结
2015/10/14 职场文书
话题作文之财富(600字)
2019/12/03 职场文书
《工作是最好的修行》读后感3篇
2019/12/13 职场文书
学习nginx基础知识
2021/09/04 Servers
Java使用JMeter进行高并发测试
2021/11/23 Java/Android