ajax +jquery 基本
ajax格式,(key:value,)value值用單引號括起來
$.ajax({
type:, //'post','get'
url:, //action的路徑
data:, //傳到後臺的引數,多個引數的連線符為'&'
success:function(msg){}//對返回的JSP頁面或結果進行處理
});
1)jsp:
--%>
2)Javascript:
data的值表示把頁面的值傳到後臺(/GetSN.action),多個引數的連線符為'&'
執行成功後把結果放到一個JSP頁面(ajaxSN.jsp),透過 success:function(msg),放到ID為'div_sn'
function getsn(){
document.getElementById("div_sn").style.display="block";
var sn = $('#sn').val();
var product=$('#product').val();
if(sn.length>5){
$.ajax({
type:'post',
/GetSN.action'">url:'/GetSN.action',
timeout:2000,
data:'sn='+$('#sn').val() +'&product='+$('#product').val(),
success:function(msg){
$("#div_sn").html(msg);
}
});
}
}
3)ajaxSN.jsp
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2331/viewspace-2814345/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- jQuery - AJAXjQuery
- jQuery AjaxjQuery
- jQuery AJAX 方法jQuery
- jQuery.ajaxjQuery
- jQuery AJAX 簡介jQuery
- jQuery – AJAX load() 方法jQuery
- Ajax基本使用
- 基於jQuery的AjaxjQuery
- jQuery對Ajax的支援jQuery
- Ajax 什麼是Ajax? Ajax的基本語法
- axios,Ajax,jQuery ajax,axios和fetch的區別iOSjQuery
- jQuery、ajax新增Json資料jQueryJSON
- jQuery Ajax 例項 全解析jQuery
- jQuery – AJAX get() 和 post() 方法jQuery
- jQuery學習筆記(ajax)jQuery筆記
- jQuery : ajax獲取Status CodejQuery
- 談談jQuery中Ajax那些事jQuery
- Jquery Ajax方法傳值到actionjQuery
- jQuery入門(五)Ajax和jsonjQueryJSON
- Jquery 和 Ajax的 使用方法jQuery
- KKB : Jquery實現Ajax請求jQuery
- jQuery的基本使用jQuery
- jquery Ajax 請求錯誤 Unexpected tokenjQuery
- jquery寫的ajax分頁外掛jQuery
- jQuery Validate非同步ajax方式驗證jQuery非同步
- JQuery中$.ajax()方法引數詳解jQuery
- Ajax 學習手記 Jquery實現jQuery
- Ajax,jQuery ajax,axios和fetch介紹、區別以及優缺點jQueryiOS
- 學習AJAX必知必會(4)~JQuery傳送Ajax請求jQuery
- jQuery 使用ajax,並重新整理頁面jQuery
- jquery ajax方式直接提交整個表單jQuery
- 基於jQuery的三種AJAX請求jQuery
- jQuery Ajax 跨域前端實現登入jQuery跨域前端
- jQuery裡如何使用ajax傳送請求jQuery
- 【ajax】 html js jquery ajax上傳檔案【一眼就會】【實用】HTMLJSjQuery
- JQuery基本知識彙總;JQuery常用方法;淺入瞭解JQueryjQuery
- jQuery基本功能——事件jQuery事件
- Jquery UI ---autocomplete的基本用法jQueryUI