jquery ajax提交表單form資料幾種方式小結 a標籤提交,input標籤提交 submit提交
方式一:舉個例子。
<a href="javascript:void(0)" id="click">點選</a>
//jq獲取標籤,並且繫結單擊事件
$(“#click”).click(function (){
//點選後要執行的操作
window.location.href=”跳轉的地址”;
});
方式二:帶引數
<a href='javascript:void(0)' onclick=\"cc('" + parameter1 + "','" + parameter2 + "','" + parameter3 + "','" + parameter4 + " ')\">我的連結</a>
以下使用始終無法觸發頁面ajax請求。目前還找不到原因。頁面一直彈窗“JavaScript:void(0)”.why?
<a href="javascript:void(0)" onclick="register()" value=" register" class="reg-bt" target="_blank">注 冊</a>
<script>
function register() {
if ($("#username").val() == null) {
alert("請輸入賬號" )
}
}
</script>
ajax提交方式一:form 的input type=”button” 的提交方式
<form id="reg-form" >
<p class="pass-form-item">
<label class="pass-label">賬號: </label>
<input type="text" name="username" id="username" placeholder="輸入賬號,登入使用"/>
</p>
<p class="pass-form-item">
<label class="pass-label">密碼: </label>
<input type="password" name="password" id="password" class="pass-text-input"/>
</p>
<input type="button" onclick="register()" value=" 註冊" target="_blank"> </input>
</form>
<script>
function register() {
alert("開始執行ajax()")
var params = {
username: $("#name").val(),
password: $("#password").val(),
}
$.ajax({
type: "post",
url: "@{/doRegister}",
data: JSON.stringify(params),
dataType: 'json',
contentType: 'application/json;charset=UTF-8',
success: function (r) {
alert("ajax請求後臺成功返回")
}
})
}
</script>
ajax提交方式二:form 的a標籤 onclick 方法 的提交方式 ,
注意:必須要 form 包含的,之前用 div 一直除錯不成功
<form id="reg-form" >
<p class="pass-form-item">
<label class="pass-label">賬號: </label>
<input type="text" name="username" id="username" placeholder="輸入賬號,登入使用"/>
</p>
<p class="pass-form-item">
<label class="pass-label">密碼: </label>
<input type="password" name="password" id="password" class="pass-text-input"/>
</p>
<p class="reg-bt">
<a href="javascript:void(0)" onclick="register()" value=" register">注 冊</a>
</p>
</form>
<script>
function register() {
alert("開始執行ajax()")
var params = {
username: $("#name").val(),
password: $("#password").val(),
}
$.ajax({
type: "post",
url: "@{/doRegister}",
data: JSON.stringify(params),
dataType: 'json',
contentType: 'application/json;charset=UTF-8',
success: function (r) {
alert("ajax請求後臺成功返回")
}
})
}
</script>
相關推薦
jquery ajax提交表單form資料幾種方式小結 a標籤提交,input標籤提交 submit提交
方式一:舉個例子。 <a href="javascript:void(0)" id="click">點選</a> //jq獲取標籤,並且繫結單擊事件 $(“#click”).click(function (){ //點選後
js form表單傳送資料兩種方式(post get)區別
<!DOCTYPE HTML> <html> <head> <title>please enter your title</
JQuery外掛使用之Validation 快速完成表單驗證的幾種方式
JQuery的Validation外掛可以到http://plugins.jquery.com/上去下載。今天來分享一下,關於這個外掛的使用。 簡易使用 這第一種方式可謂是傻瓜式的使用,我們只需要按照validation定義好的規則就可以了。 首先引
表單form的三種方式(demo-form例項)
第一種:使用type=submit 可以直接提交 <html> <head> <title>submit直接提交</title> </head> &n
jquery ajax 實現表單提交和驗證表單
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <title>$.ajax()方法傳送請
用multipart/form-data提交表單檔案資料獲取不瞭解決辦法
在學習Servlet檔案上傳方面遇到了一個問題,就是通過multipart/form-data這個表單型別提交要上傳的檔案的時候,Servlet用request.getParameter()方法獲取非檔案的資料時發現為空。 具體如下 jsp頁面 <body>
在jquery中ajax提交表單的post與get方式詳解
另附三篇參考文章連結: 在jquery中ajax提交表單有post與get方式,在使用get方式時我們可以直接使用ajax 序列化表單$('#表單ID').serialize();就行了,下面我來介紹兩個提交表單資料的方法。 $get方式提交表單 get() 方法通
利用jquery把一個表單的資料同時提交給兩個頁面
我現在就遇到一個這樣的案例:以一個表單用於客戶輸入查詢資料,然後提交給檢索引擎,現在需要增加一個功能,需要記錄客戶查詢的是什麼關鍵字(當然你可以說:去檢索引擎上去記錄就可以了啊!不錯,但是檢索引擎我現在不能修改),於是想到了先傳輸資料給伺服器,然後等待一段時間提交資料(注意
小程式 —— 提交表單清除資料功能的實現
前言想必許多學習過網頁前端的同學都曾經在html中實現過提交表單後自動清除表單資料的功能,然而這在我們小程式開發過程中卻是一個比較難的事情了。這裡就記錄一個模擬此功能的方法,供大家參考。 實現方法首先wxml程式碼如下:<form bindreset="f
下拉選單被表單擋住的幾種解決方法
當層遇到下拉框時總是擋不了select框?其實這是IE的BUG,其它的瀏覽器沒有這個問題,對於這個問題論壇裡不少提出,在這裡提供我的幾種方法,各有各的好處,有錯,有好的意見者提出,謝謝.1.最直接的方法:隱藏下拉框.下面提供的是一個比較通用的一組函式:test.htm<
$.ajax()方法從伺服器獲取json資料幾種方式詳解
一.什麼是json json是一種取代xml的資料結構,和xml相比,它更小巧但描述能力卻很強,網路傳輸資料使用流量更少,速度更快。 json就是一串字串,使用下面的符號標註。 {鍵值對} : json物件 [{},{},{}] :json陣列 "" :雙引號內是屬性或值
單例的幾種方式,以及如何破壞單例,使用枚舉保護單例;
des new 如果 auth 變量 ins 方式 break 時機 1、基礎入門單例: 1 public class Singleton { 2 private Singleton(){ 3 System.out.println("Sing
Android解析JSON資料幾種方式對比
Json介紹 Json(JavaScript Object Natotion)是一種輕量級的資料交換格式,具有良好的可讀性和便於快速編寫的特性,主要用於傳送資料。Json是一種取代Xml的資料結構,相比於xml更小巧,從而減少資料傳輸流量和佔用的頻寬。 Json語法 {
Struts2-表單驗證的兩種方式
3. XML配置方式校驗。在編碼方式之前被執行。 1) 針對要校驗的Action類,在同包下編寫一個名為:Action類名-validation.xml校驗規則檔案。 2) 在校驗規則檔案中新增校驗規則:具體的校驗器名,引數可參看Struts2的reference或Struts2的API。 a
驗證碼的幾種方式-普通圖形驗證碼,滑動拼圖,圖中點選
普通圖形驗證碼 最為普通的方式,屬於比較容易實現,但是也容易被破解,現在的影象識別等技術已經比較強大了,可以很輕易的就能破解這類的驗證碼(只是相對於比較厲害的攻擊團隊而言,一般人想實現還是有不少門檻的,你可以增加圖片的模糊程度,以及增加干擾線等,主要是看你的驗證碼生成引擎是怎麼實
sql 循環語句幾種方式(變量循環,遊標循環,事務)
llb reat 語句 tab create cti table end 數據 --第一 declare @orderNum varchar(255) create table #ttableName(id int identity(1,1),Ord
java解析XML幾種方式小結
第一種:DOM。 DOM的全稱是Document Object Model,也即文件物件模型。在應用程式中,基於DOM的XML分析器將一個XML文件轉換成一個物件模型的集合(通常稱DOM樹),應用程式正是通過對這個物件模型的操作,來實現對XML文件資料的操作。通過DOM介面,應用程式可以在任何時候訪問X
Winform窗體傳值的幾種方式(屬性賦值,委託,事件)
百度雲盤程式碼下載:http://pan.baidu.com/share/link?shareid=388120&uk=3627406265 窗體設計: 父窗體: 子窗體: 方法一: 1、子窗體設定一個父窗體MainFrm屬性: public MainFrm MainFrm { g
java中List、Set、Map集合遍歷的幾種方式小結和比較
一、集合類的通用遍歷方式, 用迭代器迭代:1.迭代遍歷whileIterator it = list.iterator();while(it.hasNext()){Object obj = it.next();System.out.println(it.next());}2.
input ,button, textarea 1)使用disabled , 2) 顯示值, 3) 表單提交. 4) jquery.form.js ajaxSubmit() 無刷新ajax提交表單.
成功 isa post key input 技術分享 and () 去除 1.使用disabled input , button textarea 可以 被 禁用, 禁用的效果 : 1) 上面的點擊事件無法使用 --- button : 下面的 oncli