1. 程式人生 > >jquery ajax提交表單form資料幾種方式小結 a標籤提交,input標籤提交 submit提交

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>

jqueryajax提交的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