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 插件模板 制作jquery插件的朋友可以参考下
Mar 17 Javascript
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
Nov 14 Javascript
ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
Jan 13 Javascript
javascript静态页面传值的三种方法分享
Nov 12 Javascript
JavaScript中实现map功能代码分享
Jun 11 Javascript
最新最热最实用的15个jQuery插件汇总
Jul 05 Javascript
几种响应式文字详解
May 19 Javascript
Nuxt.js踩坑总结分享
Jan 18 Javascript
vue checkbox 全选 数据的绑定及获取和计算方法
Feb 09 Javascript
Node.js静态服务器的实现方法
Feb 28 Javascript
Vue开发环境中修改端口号的实现方法
Aug 15 Javascript
Node.js文本文件BOM头的去除方法
Nov 22 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
Jun 08 #Javascript
JS与Ajax Get和Post在使用上的区别实例详解
Jun 08 #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
You might like
CodeIgniter图像处理类的深入解析
2013/06/17 PHP
PHP中的reflection反射机制测试例子
2014/08/05 PHP
laravel容器延迟加载以及auth扩展详解
2015/03/02 PHP
php计算title标题相似比的方法
2015/07/29 PHP
Zend Framework教程之Loader以及PluginLoader用法详解
2016/03/09 PHP
php微信公众平台开发(四)回复功能开发
2016/12/06 PHP
利用PHP实现一个简单的用户登记表示例
2017/04/25 PHP
基于jquery的一个浮动框(扩展性比较好 )
2010/08/27 Javascript
JavaScript中的ArrayBuffer详细介绍
2014/12/08 Javascript
nodejs实现获取某宝商品分类
2015/05/28 NodeJs
JS取模、取商及取整运算方法示例
2016/10/13 Javascript
js实现文字选中分享功能
2017/01/25 Javascript
jQuery niceScroll滚动条错位问题的解决方法
2018/02/03 jQuery
深入浅析Vue全局组件与局部组件的区别
2018/06/15 Javascript
JS判断字符串是否为整数的方法--简单的正则判断
2018/07/23 Javascript
react 组件传值的三种方法
2019/06/03 Javascript
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
2019/09/10 Javascript
小程序实现图片预览裁剪插件
2019/11/22 Javascript
[02:51]DOTA2英雄基础教程 风暴之灵
2013/12/23 DOTA
python 类详解及简单实例
2017/03/24 Python
python清理子进程机制剖析
2017/11/23 Python
python实现mysql的读写分离及负载均衡
2018/02/04 Python
Python Pandas中根据列的值选取多行数据
2019/07/08 Python
django与vue的完美结合_实现前后端的分离开发之后在整合的方法
2019/08/12 Python
python打造爬虫代理池过程解析
2019/08/15 Python
使用python实现男神女神颜值打分系统(推荐)
2019/10/31 Python
Django 实现外键去除自动添加的后缀‘_id’
2019/11/15 Python
Python中sorted()排序与字母大小写的问题
2020/01/14 Python
python实现飞机大战项目
2020/03/11 Python
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
2020/05/14 HTML / CSS
模具设计与制造专业推荐信
2014/02/16 职场文书
《吃水不忘挖井人》教学反思
2014/04/15 职场文书
保护环境倡议书范文
2014/05/13 职场文书
初中重阳节活动总结
2015/05/05 职场文书
2015中学教学工作总结
2015/07/22 职场文书
上手简单,功能强大的Python爬虫框架——feapder
2021/04/27 Python