1. 程式人生 > >Ajax-Post非同步提交

Ajax-Post非同步提交

本文程式碼轉載自:http://vincent-feng.iteye.com/blog/342751
	var http_request = false;
var promptid = false;
function save(examPaperidDetailID,answerid,promptid_,submitButtonFlag,scoreid){
document.getElementById(promptid_).innerHTML = '儲存中......'; //提示
promptid = promptid_;
var score = 0;
if (document.getElementById(scoreid) != null){
score = document.getElementById(scoreid).value
}
var factory = new XMLHttpRequestFactory();
http_request = factory.getHttpRequest3();
if (!http_request) {
alert('建議使用IE或Firefox瀏覽器!');
} else {
var linkurl = "/subsystem/talent/exampaper/SaveAnswerAjax.jsp"
var param = "id=" + Math.random()
+ "&examPaperidDetailID=" + examPaperidDetailID
+ "&answer=" + escape(document.getElementById(answerid).value)
+ "&submitButtonFlag="+submitButtonFlag
+ "&score="+escape(score);
//alert(param);
//將中文 放到 escape('中文') 否則IE提交的時候會丟失資料
// "id=" + Math.random() 這樣子是為了每次都可以更新一下請求方式
http_request.open("POST", linkurl, true); // 利用POST 和 非同步

// 下面這兩句 比較重要,缺少會導致提交的資料為空
http_request.setRequestHeader("content-length",param.length); //post提交設定項
http_request.setRequestHeader("content-type","application/x-www-form-urlencoded"); //post提交設定項

http_request.onreadystatechange = callback;
http_request.send(param); // 引數在這裡傳進來
}
}

function callback() {
if (http_request.readyState == 4 && http_request.status == 200) {
if(document.getElementById(promptid) != null){
document.getElementById(promptid).innerHTML = http_request.responseText; //返回提示資訊
}
}
}

相關推薦

Ajax-Post非同步提交

本文程式碼轉載自:http://vincent-feng.iteye.com/blog/342751 var http_request = false; var promptid = false; function save(examPaperidDetailID

ajax.BeginForm非同步提交表單並顯示更新資料

1 <!--基本資訊模組--> 2 2 <div class="profile_box" id="basicInfo"> 3 3 <h2>基本資訊</h2> 4 4 5 5

(41)Ext.Ajax.request非同步提交表單

function login(){ var requestConfig={ url:'base/loginServer.jsp',//請求的伺服器地址 form:'loginForm',//指定要提交的表單id callback:function(option

ajax案例---以GET和POST方式非同步提交資料給後臺

前臺頁面程式碼 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transi

ajax post提交

長度 PE amp var console lse post提交 RM false var url = path+"/jxkh/jxkh!getAjaxKhZbk.do"; console.log(url);   $.ajax({     url: url,//

使用ssm框架 通過ajax非同步提交資料具體實現方法

以前是一名php開發人員,最近公司開始一個java開發的erp專案,從新學起的感覺倍爽,各種問題各種遇到,從通過ajax非同步提交資料具體實現方法這裡開始,以後在部落格上慢慢呈現,話不多說,下面就是我通過springMvc和ajax非同步實現資料更新的解決方法。 雖然網上已經有好多的解決的方

ajax非同步提交失敗

天坑啊!!!   ssh,google瀏覽器測試 專案開發,表單驗證和修改資訊用的ajax非同步提交(js提交form),做後臺測試的時候發現不管怎樣也無法進入後臺,瀏覽器報的404,tomcat提示action找不到。但直接訪問是可以成功進入後臺的。 &n

Datatables post 動態提交數據(傳參數) 異步數據(ajax.data)

-o .data val 動態 文章 沒有 arc tro class 官網解釋與方法:1 當向服務器發出一個ajax請求,Datatables將會把服務器請求到的數據構造成一個數據對象。 2 實際上他是參考jQuery的ajax.data屬性來的,他能添加額外的參數傳給服

ajax(原生JavaScript)非同步提交表單資料

採用ajax非同步方式,通過js獲取form中所有input、select等元件的值,將這些值組成Json格式,通過非同步的方式與伺服器端進行互動, 一般將表單資料傳送給伺服器端,伺服器端處理資料並返

laravel 框架路由、ajax post提交方式頭部,控制器。中介軟體

一、路由 1.1 別名 Route::get('/admin/user',['as'=>'au','uses'=>function(){ //通過別名建立url route('別名',['引數']);

ajax非同步提交的三種傳參方式

                              ajax非同步提交的三種傳參方式   陣列傳參 Json傳

servlet3.0以上form表單提交ajax非同步提交

一、普通form提交 1、jsp <form id="form" method="post" name="upload" enctype="multipart/form-data" action="/index.do"> <input type=

ajax非同步提交後出現卡死現象

本人是做電視節目站點開發,最近出現一個問題,非同步提交後,頁面一直在緩衝,出現卡死現象, 在電腦測試一切正常,感覺很鬱悶,程式碼什麼沒有問題,後發現是ajax問題。 ajax分為同步提交和非同步提交。

ajax 非同步提交資料、檔案和跨域提交的實現

在網站中經常需要無重新整理提交資料,或者上傳圖片的情況,還有就是跨域提交的情況,現記錄下自己的總結,以待後續。 1.非同步提交資料: function getAjax(){ $.ajax({type : "get",dataType : "json",url : "/ne

點選後變為可編輯狀態(ajax非同步提交

<script> //相當於在頁面中的body標籤加上onload事件 $(function(){ //找到所有的td節點 var tds=$("td"); //給所有的td新增點選事件 tds.click(f

yii2.0 ajax post 提交 400(BadRequest) 解決辦法

$.ajax({                     type:"post",                     url:"http://XXX.XXX.XXX/basic/web/index.php?r=admin/publish",            

JAVA 爬蟲之httpclient post請求提交表單獲取Ajax資料

public static String httpPostWithJSON(String url) throws Exception { HttpPost httpPost = n

ajax中如何實現非同步提交表單

ajax中很重要的一個功能就是實現表單的不重新整理提交,現在我們利用jquery和php實現這個功能   首先我們寫一個表單,我們命名為ajaxform.html,表單的程式碼如下:   <form> 使用者名稱:<input type="text" na

mip ajax jsonp 非同步請求 更多載入 form表單提交

.mip-a-74{width:100%}.mip-div-96{text-indent:2em;height:10rem;overflow:hidden}.mip-section-251{margin:10px 12px 10px}.mip-img-256{width:100%;heigh

Jquery+ajax+php實現簡單的非同步提交

 jqueryTest.html 檔案: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition