jsp表單非同步提交_java 如何實現非同步提交

⑴ jQuery非同步提交表單的兩種方式

本文為大家分享了兩種jQuery非同步提交表單的方式，具體內容如下
第一種方式：普通ajax方式提交
$(function(){
$('#send').click(function(){
$.ajax({
type:
"GET",
url:
GLOBAL_PATH
+
"/Enterprise/savecompanyphoto",
data:
{username:$("#username").val(),
content:$("#content").val()},
dataType:
"json",
success:
function(data){
$('#resText').empty();
//清空resText裡面的所有內容
var
html
=
'';
$.each(data,
function(commentIndex,
comment){
html
+=
'<div
class="comment"><h6>'
+
comment['username']
+
':</h6><p
class="para"'
+
comment['content']
+
'</p></div>';
});
$('#resText').html(html);
}
});
});
});
第二種方式：普通ajaxSubmit方式提交表單
<script
src="jquery.form.js"
type="text/javascript"></script>
<script
src="dialog.js?lib=false"
type="text/javascript"></script>src="jquery.min.js"
type="text/javascript">
function
uploader_img(){
var
optionsSave={
type:
"POST",
url:
GLOBAL_PATH
+
"/Enterprise/savecompanyphoto",
data:$('#addImg').serialize(),
success:
function
(data)
{
if
(data.code
==
0)
{
AlertMini('alt1',
"上傳圖片成功!",
'success.gif',
2);
window.location.reload();
}
else
{
AlertMini('alt1',
"上傳圖片失敗!",
'error.gif',
2);
}
},
error:
function
(data)
{
AlertMini('alt1',
"上傳圖片失敗!",
'error.gif',
2);
}
}
$('#addImg').ajaxSubmit(optionsSave);
}
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

⑵ 提交表單後向非同步載入頁面該怎麼辦

大不了繼續用jQuery啊，表單按鈕不submit，給按鈕加一個單擊事件，去觸發發送請求的方法么...
話說jquery好像有給內表單設置非同步屬性的容，但比上面的方法還復雜的多...網路表單非同步就有吧...

⑶ 設計一個JSP頁面,利用AJAX非同步提交表單數據進行驗證。

需要校驗的地方加一個觸發事件，值改變或者焦點失去的失去都行。
然後利用AJAX處理。

⑷ JSP頁面中什麼叫叫非同步請求

非同步請求就是使用ajax，操作是啟動一個新的線程去處理請求。

Ajax 即「Asynchronous Javascript And XML」（非同步 JavaScript 和 XML），是指版一種創建互動式權網頁應用的網頁開發技術。

Ajax = 非同步 JavaScript 和 XML 或者是 HTML（標准通用標記語言的子集）。

Ajax 是一種用於創建快速動態網頁的技術。

Ajax 是一種在無需重新載入整個網頁的情況下，能夠更新部分網頁的技術。

(4)jsp表單非同步提交擴展閱讀

非同步請求Ajax的特點

使用Ajax的最大優點，就是能在不更新整個頁面的前提下維護數據。這使得Web應用程序更為迅捷地回應用戶動作，並避免了在網路上發送那些沒有改變的信息。

Ajax不需要任何瀏覽器插件，但需要用戶允許JavaScript在瀏覽器上執行。就像DHTML應用程序那樣，Ajax應用程序必須在眾多不同的瀏覽器和平台上經過嚴格的測試。

隨著Ajax的成熟，一些簡化Ajax使用方法的程序庫也相繼問世。同樣，也出現了另一種輔助程序設計的技術，為那些不支持JavaScript的用戶提供替代功能。

⑸ jsp 非同步提交form的內容

ajax技術，沒有form一說的，要學習可以幫你。不過採納了在說，給你發一份實例代碼學。

⑹ java 如何實現非同步提交

Ajax，利用jQuery的ajaxform
第一步：先增加一個表單
<form id="myForm" action="comment.php" method="post">
Name: <input type="text" name="name" />
Comment: <textarea name="comment"></textarea>
<input type="submit" value="Submit Comment" />
</form>
第二步：jquery.js和form.js文件的包含
<head>
<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/form.js"></script>
<script type="text/javascript">
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
alert("Thank you for your comment!");
});
});
</script>
</head>

⑺ 怎樣用jquery的ajax非同步提交表單數據

demo如下：

<!--jquery-1.8.3.js-->
<scripttype="text/javascript">
	functionsubmitDatas(){
	vartname=$("#tname").val();
		vartpasw=$("#tpasw").val();
		vartcode=$("#tcode").val();
	$.ajax({
	type:"post",
	url:"backAction/getAllDatas",
	data:{"tname":tname,"tpasw":tpasw,"tcode":tcode},//要提交的參數
	async:true,
	});	
	}
</script>
<inputtype="button"value="非同步提交數據"onclick="submitDatas()">
<form>
用戶專名：<inputtype="text"id="tname"><br>
全密碼：<inputtype="text"id="tpasw"><br>
驗證碼屬：<inputtype="text"id="tcode"><br>
</form>

⑻ html5怎麼原生js非同步提交表單

ajax({
url: "", //請求地址
type: "POST", //請求方式
data: { name: "super", age: 20 }, //請求參數
dataType: "json",
success: function (response, xml) {
// 此處放成功後執行的代碼
},
fail: function (status) {
// 此處放失敗後執行的代碼
}
});
function ajax(options) {
options = options || {};
options.type = (options.type || "GET").toUpperCase();
options.dataType = options.dataType || "json";
var params = formatParams(options.data);
if (window.XMLHttpRequest) {
var xhr = new XMLHttpRequest();
} else {
var xhr = new ActiveXObject('Microsoft.XMLHTTP');
}
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
var status = xhr.status;
if (status >= 200 && status < 300) {
options.success && options.success(xhr.responseText, xhr.responseXML);
} else {
options.fail && options.fail(status);
}
}
}
if (options.type == "GET") {
xhr.open("GET", options.url + "?" + params, true);
xhr.send(null);
} else if (options.type == "POST") {
xhr.open("POST", options.url, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send(params);
}
}
function formatParams(data) {
var arr = [];
for (var name in data) {
arr.push(encodeURIComponent(name) + "=" + encodeURIComponent(data[name]));
}
arr.push(("v=" + Math.random()).replace("."));
return arr.join("&");
}

⑼ 如何實現form表單提交和ajax非同步操作效果相似

//表單非同步抄提交
$("#save-btn").on("click",function(){
$.ajax({
type:'post',
data:$('#表單ID').serialize(),
url:'請求地址',
cache:false,
dataType:'text',
success:function(data){
//回調邏輯代碼
}
})
})

⑽ Jquery非同步提交表單，然後獲取提交後返回的結果。語言環境jsp，java，MVC。Action接收提交。

嗯，來試試這樣做行不行。在自頁面定義一個<iframe name='hidden_frame' id="hidden_frame" style='display: none'></iframe>，然後在控制器最後這樣寫：Response.Write("<script>parent.show_msg('" + showInfoStr + "')</script>");
表單里這樣配置一下：enctype = "multipart/form-data", target = "hidden_frame"
show_msg這個是一個頁面的腳本函數。
這樣寫了就不用jquery非同步提交。
我是做.net的，在.net中這樣是可以的。我想java也應該可以。就是那個表單設置屬性那個，我不知道java中應該怎樣寫。

導航:首頁 > 編程語言 > jsp表單非同步提交

jsp表單非同步提交

與jsp表單非同步提交相關的資料

友情鏈接