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升级新版本后选择器的语法问题
Jun 02 Javascript
颜色选择器 Color Picker,IE,Firefox,Opera,Safar
Nov 25 Javascript
js实现的点击div区域外隐藏div区域
Jun 30 Javascript
js实现遮罩层划出效果是生成div而不是显示
Jul 29 Javascript
JQuery跳出each循环的方法
Apr 16 Javascript
jQuery实现的背景动态变化导航菜单效果
Aug 24 Javascript
全面了解函数声明与函数表达式、变量提升
Aug 09 Javascript
jquery如何实现点击空白处隐藏元素
Dec 05 jQuery
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
Aug 09 Javascript
详解如何理解vue的key属性
Apr 14 Javascript
JS用最简单的方法实现四舍五入
Aug 27 Javascript
JS实现简单九宫格抽奖
Jun 28 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
博士208HAF收音机实习报告
2021/03/02 无线电
php 学习资料零碎东西
2010/12/04 PHP
php 代码优化之经典示例
2011/03/24 PHP
第七章 php自定义函数实现代码
2011/12/30 PHP
PHP中CURL方法curl_setopt()函数的参数分享
2013/01/19 PHP
PHP实现的简单分页类及用法示例
2016/05/06 PHP
PHP串行化与反串行化实例分析
2016/12/27 PHP
PHP使用curl_multi实现并发请求的方法示例
2018/04/29 PHP
jquery 利用show和hidden实现级联菜单示例代码
2013/08/09 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
2014/02/20 Javascript
node.js中的fs.lstatSync方法使用说明
2014/12/16 Javascript
jQuery实现宽屏图片轮播实例教程
2015/11/24 Javascript
Jquery实现纵向横向菜单
2016/01/24 Javascript
jQuery 翻页组件yunm.pager.js实现div局部刷新的思路
2016/08/11 Javascript
解析JavaScript模仿块级作用域
2016/12/29 Javascript
详解nodejs异步I/O和事件循环
2017/06/07 NodeJs
详解create-react-app 自定义 eslint 配置
2018/06/07 Javascript
javacript replace 正则取字符串中的值并替换【推荐】
2018/09/13 Javascript
vue单文件组件lint error自动fix与styleLint报错自动fix详解
2019/01/08 Javascript
react实现antd线上主题动态切换功能
2019/08/12 Javascript
Python Web框架Flask中使用新浪SAE云存储实例
2015/02/08 Python
浅谈scrapy 的基本命令介绍
2017/06/13 Python
基于scrapy的redis安装和配置方法
2018/06/13 Python
Django重设Admin密码过程解析
2020/02/10 Python
利用Python的folium包绘制城市道路图的实现示例
2020/08/24 Python
全面解析CSS Media媒体查询使用操作(推荐)
2017/08/15 HTML / CSS
关于css兼容性问题及一些常见问题汇总
2016/05/03 HTML / CSS
三星加拿大官方网上商店:Samsung CA
2020/12/18 全球购物
中学教师岗位职责
2013/11/26 职场文书
优秀教师工作感言
2014/02/16 职场文书
春季运动会广播稿大全
2014/02/19 职场文书
报表员工作失误检讨书范文
2014/09/19 职场文书
Python Django 后台管理之后台模型属性详解
2021/04/25 Python
原生Js 实现的简单无缝滚动轮播图的示例代码
2021/05/10 Javascript
Python语言内置数据类型
2022/02/24 Python
AngularJS实现多级下拉框
2022/03/25 Javascript