1. 程式人生 > >原生ajax post 和get 方式傳值

原生ajax post 和get 方式傳值

<script type='text/javascript'> 
    function closes (){
        var r=confirm("確定要刪除嗎")
            if (r==true){
                alert('aaaaa');
            }else{
                alert('bbbb')
            }
        }
        /**
* 普通Ajax的完整訪問過程
*/


    /**************************
     *  get方式提交ajax
     *
     * @param
物件 xmlHttp XMLHttpRequest物件 * @param 字串 url 後臺的地址 * @param 字串 userName 需要傳送的值1 * @param 字串 passWord 需要傳送的值2 readyState值對照 0: 請求未初始化 1: 伺服器連線已建立 2: 請求已接收 3: 請求處理中 4: 請求已完成,且響應已就緒 * @date
2016/02/29 * 根據相應的瀏覽器建立不同的xmlHttp物件 * @write zss * @return XMLHttpRequest 物件 ****************************/
function ajax_get(){ //var userName=document.getElementById("userName").value; //var passWord=document.getElementById("passWord").value; var userName = 10; var
passWord = 20; var xmlHttp xmlHttp=GetXmlHttpObject(); var url="__MODULE__/Ucenter/ajax_update"//設定要提交action到後臺的那個處理請求的檔名 url=url+"?userName="+userName+"&passWord="+passWord//為這個路徑加上引數使用者名稱和密碼 url=url+"&sid="+Math.random()//為這個路徑加上一個隨機數 xmlHttp.open("GET",url,true)//定義請求的引數 xmlHttp.onreadystatechange = function(){ var XMLHttpReq = xmlHttp; if (XMLHttpReq.readyState == 4) { if (XMLHttpReq.status == 200) { var text = XMLHttpReq.responseText; alert(text); } } }; xmlHttp.open("GET",url,true)//定義請求的引數 xmlHttp.send()//傳送請求 } /************************** * 此函式的作用是解決為不同瀏覽器建立不同的 XMLHTTP 物件的問題 * * @param xmlHttp XMLHttpRequest()物件 * @date 2016/02/29 * 根據相應的瀏覽器建立不同的xmlHttp物件 * @write zss * @return XMLHttpRequest 物件 ****************************/ function GetXmlHttpObject(){ var xmlHttp=null; try{ // for Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e){ // for Internet Explorer try{ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e){ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; } /************************** * post方式提交ajax * * @param 物件 postData 需要提交的值 * @param 物件 xhr XMLHttpRequest物件 * @param 字串 url 後臺的地址 readyState值對照 0: 請求未初始化 1: 伺服器連線已建立 2: 請求已接收 3: 請求處理中 4: 請求已完成,且響應已就緒 * @date 2016/02/29 * 根據相應的瀏覽器建立不同的xmlHttp物件 * @write zss * @return XMLHttpRequest 物件 ****************************/ function ajax_post(){ var postData = { "name1": "value1", "name2": "value2"}; // 轉成post需要的字串. postData = (function(obj){ var str = ""; for(var prop in obj){ str += prop + "=" + obj[prop] + "&" } return str; })(postData); //獲取 XMLHttpRequest 物件 var xhr =GetXmlHttpObject(); var url="__MODULE__/Ucenter/ajax_update"//設定要提交action到後臺的那個處理請求的檔名 xhr.open("POST", url, true); xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xhr.onreadystatechange = function(){ if (xhr.readyState == 4) { if (xhr.status == 200) { var text = xhr.responseText; alert(text); } } }; xhr.send(postData); } </script>

相關推薦

原生ajax post get 方式

<script type='text/javascript'> function closes (){ var r=confirm("確定要刪除嗎") if (r==true){

提交Form表單,POSTGET方式問題。

<form action="${pageContext.request.contextPath }/UserServlet?id=123" method="get"> userame:<input type="text" name="username"&

Http (java)的postget方式

inf log href www param client get char comm 用java發送post和get請求的兩種方式 1.URL 2.httpclient 第一種方式: URL形式發送請求 第二種方式: commons-httpclient-3.1.jar;

get方式中文亂碼

問題描述: 點選超連結,則傳值到servlet中,在servelt中通過request.getParameter("bname"); 獲取到的中文字元都顯示為“?“ 解決方法: 方法一: get方式提交的引數編碼,只支援iso8859-1編

springmvc前臺get方式異常 Name for argument type not available

今天嘗試學習了springmvc傳值,get方式,url如下: <td><a href="${pageContext.request.contextPath }/items/editItems.action?id=${item.id}">修改商品&l

http請求的postget方式的區別

在網上找了post和get請求方式的不同和區別,感覺這個比較好,轉載過來和大家分享! Http定義了與伺服器互動的不同方法,最基本的方法有4種,分別是GET,POST,PUT,DELETE。URL全稱是資源描述符,我們可以這樣認為:一個URL地址,它用於描述一個網路上的

java使用PostGet方式提交Http請求通用

很多api提供了java的post,get方式呼叫返回結果的介面,以下記錄基礎通用的傳送請求並接收返回引數的方式:package com.taray.test; import java.io.BufferedReader; import java.io.IOException

如何解決POSTGET方式的中文亂碼問題

一:確保表單所在的頁面按照指定的字符集開啟★在HTML頁面中使用meta標記可以確保瀏覽器按照指定的字符集進行解碼頁面,並限定表單提交時的資料編碼方式:<meta http-equiv="content-type" content="text/html;charset=utf-8">:完成ISO-

C#帶cookie PostGet方式傳送資料,保持cookie

在實際程式設計中,可能需要讀取特定網頁的資訊,但很多網站需要使用者登入後,才能夠獲取相關的頁面內容,這就需要程式設計者先臨時儲存當前的cookie,在C#中可以使用CookieContainer 物件來儲存登入後的Cookie資訊,這樣,在每次傳送資料的時候,附加上Cookie資訊,就可以了。       

Servlet編碼過濾器(Postget方式都支援)

package com.pdsu.filter; import java.io.IOException; import java.io.UnsupportedEncodingException; import javax.servlet.Filter; import j

Httpclient重寫postget方式連線伺服器

package com.cetron.common.utils.Http; import com.google.gson.Gson; import org.apache.http.HttpEntity; import org.apache.http.client.Cli

原生Ajax使用筆記---getpost方法,url

AJAX是Asynchronous Javascript And XML(非同步JavaScript和XML)的縮寫,用於建立快速動態網頁的技術。AJAX的核心物件是XMLHttpRequest ,在每個瀏覽器中都有。 原生Ajax的使用步驟: 建立一個核心物件XMLHttpReque

Thinkphp POST GET

field erro function array err ray ssl ati ext 不知道哪裏抄來的函數 ,哈哈 public function http($url, $params, $method = ‘GET‘, $header = array(), $mul

(C#)AJAX post方式

AJAX傳值的方式有兩種,GET和POST,GET方式實際上是把資料通過位址列傳值,比如“XX.aspx?id=.....”,這樣有兩個不足,位址列只能有255個字元,因為通過位址列,所以不能傳遞重要的值,安全性不高,POST方式實際上是把傳遞的值以表單的方式傳遞出去,能夠存放2G大小的資料,以下是程式碼

Laravel通過ajaxPOST方式並實現頁面跳轉

1.新增測試按鈕 <button class='test' >ajax測試</button> 2.ajax部分程式碼 @section('js') <scr

利用jquery實現Ajax技術,post方式中文亂碼問題的解決辦法。

連結:http://www.jb51.net/article/31791.htm jquery的ajax()函式傳值中文亂碼解決方法介紹,需要的朋友可以參考下 複製程式碼程式碼如下: $.ajax({    dataType : ‘json',type :

HTML提交方式postget區別(實驗)

des url action 通過 性別 清除數據 map pass pack HTML提交方式post和get區別(實驗) 一、post和get區別 get提交,提交的信息都顯示在地址欄中。 post提交,提交的信息不顯示地址欄中,顯示在消息體中。 二、客戶端代碼

AJAX - Http 中 post get 的區別

安全 ext tex 不同方法 per 信息 行修改 進行 TE HTTP: post 和 get 是 HTTP 協議中的兩種方法。瀏覽器和服務器的交互是通過 HTTP 協議執行的,他的全稱為Hyper Text Transfer Protocol(超文本傳輸協議)。HTT

HTTP中postget參的區別

 插一下別的知識:HTTP的請求方式 HTTP一共有8中請求方式:1.OPTIONS    2.HEAD    3.GET    4.POST    5.PUT    6.DELETE  

js獲取get方式過來的

一般get傳值過來有兩種 1:www.baidu.com/Controller/action/product/445/type/selling_content.html 2:www.baidu.com/Controller/action.html?product=445&type