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 代码集(学习js的朋友可以看下)
Jul 22 Javascript
关于javascript 回调函数中变量作用域的讨论
Sep 11 Javascript
js实现拖拽 闭包函数详细介绍
Nov 25 Javascript
form.submit()不能提交表单的错误原因及解决方法
Oct 13 Javascript
纯JavaScript代码实现文本比较工具
Feb 17 Javascript
JavaScript实现窗口抖动效果
Oct 19 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
Aug 14 Javascript
vue 弹框产生的滚动穿透问题的解决
Sep 21 Javascript
微信小程序性能优化之checkSession的使用
Mar 06 Javascript
Angular脚手架开发的实现步骤
Apr 09 Javascript
2020淘宝618理想生活列车自动领喵币js脚本的代码
Jun 02 Javascript
vue 在methods中调用mounted的实现操作
Aug 07 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怎么实现网站保存快捷方式方便用户随时浏览
2013/08/15 PHP
php使用Jpgraph绘制简单X-Y坐标图的方法
2015/06/10 PHP
PHP处理CSV表格文件的常用操作方法总结
2016/07/01 PHP
php实现学生管理系统
2020/03/21 PHP
JS遮罩层效果 兼容ie firefox jQuery遮罩层
2010/07/26 Javascript
js DOM的学习笔记
2011/12/22 Javascript
jQuery中delegate与on的用法与区别示例介绍
2013/12/20 Javascript
jquery动态添加option示例
2013/12/30 Javascript
JavaScript sup方法入门实例(把字符串显示为上标)
2014/10/20 Javascript
innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
2015/03/13 Javascript
JQuery创建DOM节点的方法
2015/06/11 Javascript
Node.js实现JS文件合并小工具
2016/02/02 Javascript
简单的分页代码js实现
2016/05/17 Javascript
Angular路由简单学习
2016/12/26 Javascript
基于JavaScript实现屏幕滚动效果
2017/01/18 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
2017/01/23 Javascript
详解用webpack2.0构建vue2.0超详细精简版
2017/04/05 Javascript
JavaScript中如何判断一个值的类型
2017/09/15 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
Layui数据表格 前后端json数据接收的方法
2019/09/19 Javascript
vue+springboot图片上传和显示的示例代码
2020/02/14 Javascript
Element Rate 评分的使用方法
2020/07/27 Javascript
Python编程中使用Pillow来处理图像的基础教程
2015/11/20 Python
离线安装Pyecharts的步骤以及依赖包流程
2020/04/23 Python
Python开发的HTTP库requests详解
2017/08/29 Python
Tornado 多进程实现分析详解
2018/01/12 Python
使用pandas模块读取csv文件和excel表格,并用matplotlib画图的方法
2018/06/22 Python
wxPython多个窗口的基本结构
2019/11/19 Python
使用Python对Dicom文件进行读取与写入的实现
2020/04/20 Python
Django中F函数的使用示例代码详解
2020/07/06 Python
什么是Linux虚拟文件系统VFS
2012/01/31 面试题
EJB发布WEB服务一般步骤
2012/10/31 面试题
J2ee常用的设计模式?说明工厂模式
2015/05/21 面试题
初中音乐教学反思
2014/01/12 职场文书
2014市府办领导班子“四风问题”对照检查材料思想汇报
2014/09/24 职场文书
Python还能这么玩之用Python做个小游戏的外挂
2021/06/04 Python