Js+Ajax,Get和Post在使用上的區(qū)別小結(jié)

更新時(shí)間：2016年06月08日 10:34:05 投稿：jingxian

下面小編就為大家?guī)硪黄狫s+Ajax,Get和Post在使用上的區(qū)別小結(jié)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

get和post方法最大的不同在于：

1.get方法傳值參數(shù)在url里面，而post參數(shù)放send里面

2.post方法必須加上

xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

下面實(shí)例可以看get方法

xmlHttp.open("GET","for.php?text="+url,true);

在post里面表現(xiàn)為：

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;　　//多個(gè)參數(shù)的，往后加
 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在使用上的區(qū)別小結(jié)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JavaScript實(shí)現(xiàn)的超簡單計(jì)算器功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的超簡單計(jì)算器功能,可實(shí)現(xiàn)基本的四則運(yùn)算并帶有驗(yàn)證功能,代碼中備有較為詳盡的注釋便于理解,需要的朋友可以參考下
2017-12-12
JSON 數(shù)據(jù)詳解及實(shí)例代碼分析
這篇文章主要介紹了JSON 數(shù)據(jù)詳解及實(shí)例代碼分析的相關(guān)資料,需要的朋友可以參考下
2017-01-01
微信小程序?qū)崿F(xiàn)手寫簽名功能
微信小程序?qū)崿F(xiàn)手寫簽名功能的步驟詳解,包括技術(shù)選型、實(shí)現(xiàn)步驟、優(yōu)化與拓展以及常見問題解答,感興趣的朋友跟隨小編一起看看吧
2025-01-01
JS設(shè)計(jì)模式之建造者模式的使用方法詳解
JS建造者模式是一種創(chuàng)建型設(shè)計(jì)模式,它可以用于構(gòu)建復(fù)雜對象的創(chuàng)建過程,將對象的構(gòu)建步驟和表示分離,以便能夠靈活地構(gòu)建不同的對象,本文將通過代碼示例給大家詳細(xì)的介紹一下JS建造者模式的用法,需要的朋友可以參考下
2023-08-08
JavaScript獲取Excel表格的列序號(hào)和列名
這篇文章主要介紹了JavaScript獲取Excel表格的列序號(hào)和列名，在處理Excel文件時(shí)，通常要獲取xx列的數(shù)據(jù)，這就要求先找到列序號(hào)，下文關(guān)于列名獲取需要的小伙伴可以參考一下
2022-05-05
前端js?sm2實(shí)現(xiàn)加密簡單代碼舉例
在Vue項(xiàng)目中實(shí)現(xiàn)數(shù)據(jù)加密,首先需要安裝SM2加密庫,如js-sm2或sm-crypto,通過npm或yarn進(jìn)行安裝后,在Vue組件或文件中引入該庫,并使用其提供的加密、解密功能,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-09-09
在JavaScript中構(gòu)建ArrayList示例代碼
這篇文章主要介紹了在JavaScript中構(gòu)建ArrayList，很實(shí)用,需要的朋友可以參考下
2014-09-09
主頁面中的兩個(gè)iframe實(shí)現(xiàn)鼠標(biāo)拖動(dòng)改變其大小
iframe實(shí)現(xiàn)鼠標(biāo)拖動(dòng)改變其大小在一個(gè)頁面中的兩個(gè)iframe的情況下，此方法相當(dāng)實(shí)用，感興趣的各位不妨參考下，或許對你有所幫助
2013-04-04
JavaScript-定時(shí)器0~9抽獎(jiǎng)系統(tǒng)詳解（代碼）
這篇文章主要介紹了 JavaScript-定時(shí)器0~9抽獎(jiǎng)系統(tǒng)，通過代碼實(shí)例說明函數(shù)調(diào)用的整體操作，具體步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。
2017-08-08
js實(shí)現(xiàn)鍵盤Enter鍵提交表單的方法
這篇文章主要介紹了js實(shí)現(xiàn)鍵盤Enter鍵提交表單的方法,涉及javascript鍵盤事件的相關(guān)操作技巧,需要的朋友可以參考下
2015-05-05