Js+Ajax,Get和Post在使用上的區(qū)別小結(jié)
更新時間：2016年06月08日 10:34:05 投稿：jingxian
下面小編就為大家?guī)硪黄狫s+Ajax,Get和Post在使用上的區(qū)別小結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
get和post方法最大的不同在于：
1.get方法傳值參數(shù)在url里面，而post參數(shù)放send里面
2.post方法必須加上
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
下面實例可以看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; //多個參數(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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了JavaScript實現(xiàn)的超簡單計算器功能,可實現(xiàn)基本的四則運算并帶有驗證功能,代碼中備有較為詳盡的注釋便于理解,需要的朋友可以參考下2017-12-12
這篇文章主要介紹了JSON 數(shù)據(jù)詳解及實例代碼分析的相關(guān)資料,需要的朋友可以參考下2017-01-01
微信小程序?qū)崿F(xiàn)手寫簽名功能的步驟詳解,包括技術(shù)選型、實現(xiàn)步驟、優(yōu)化與拓展以及常見問題解答,感興趣的朋友跟隨小編一起看看吧2025-01-01
JS建造者模式是一種創(chuàng)建型設(shè)計模式,它可以用于構(gòu)建復(fù)雜對象的創(chuàng)建過程,將對象的構(gòu)建步驟和表示分離,以便能夠靈活地構(gòu)建不同的對象,本文將通過代碼示例給大家詳細的介紹一下JS建造者模式的用法,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了JavaScript獲取Excel表格的列序號和列名，在處理Excel文件時，通常要獲取xx列的數(shù)據(jù)，這就要求先找到列序號，下文關(guān)于列名獲取需要的小伙伴可以參考一下2022-05-05
在Vue項目中實現(xiàn)數(shù)據(jù)加密,首先需要安裝SM2加密庫,如js-sm2或sm-crypto,通過npm或yarn進行安裝后,在Vue組件或文件中引入該庫,并使用其提供的加密、解密功能,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-09-09
在JavaScript中構(gòu)建ArrayList示例代碼
這篇文章主要介紹了在JavaScript中構(gòu)建ArrayList，很實用,需要的朋友可以參考下2014-09-09
主頁面中的兩個iframe實現(xiàn)鼠標拖動改變其大小
iframe實現(xiàn)鼠標拖動改變其大小在一個頁面中的兩個iframe的情況下，此方法相當實用，感興趣的各位不妨參考下，或許對你有所幫助2013-04-04
JavaScript-定時器0~9抽獎系統(tǒng)詳解（代碼）
這篇文章主要介紹了 JavaScript-定時器0~9抽獎系統(tǒng)，通過代碼實例說明函數(shù)調(diào)用的整體操作，具體步驟大家可查看下文的詳細講解，感興趣的小伙伴們可以參考一下。2017-08-08
這篇文章主要介紹了js實現(xiàn)鍵盤Enter鍵提交表單的方法,涉及javascript鍵盤事件的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05