欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ajax動態(tài)獲取數(shù)據(jù)庫中的數(shù)據(jù)方法

 更新時間:2018年08月08日 15:29:56   作者:我本狂儒  
今天小編就為大家分享一篇ajax動態(tài)獲取數(shù)據(jù)庫中的數(shù)據(jù)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

今天看到有人在問答上問怎樣去動態(tài)取值附在option上,本來想解決的,但我發(fā)現(xiàn)。。。。沒有,我本來也笨,記不住,所以還是寫一下,讓大家可以看一下:

首先我這用的框架是SSM,代碼就開始了:

這是寫在前臺的方法里一個點擊事件進入方法里我就不寫那么麻煩了直接ajax部分代碼:

$.ajax({//這就開始進入ajax了

type:"get",//這個我也忘了,好像是類似格式吧,基本是死的不需要改動

dataType:"json",//這個是將字符串轉(zhuǎn)換成json格式

cache:false,//不曉得

data:"staffName="+staffName+"&staffGender="+staffGender,//這兩個就是我要向后臺傳的值,之前已經(jīng)拿到了,staffName和Gender就是對象的屬性名,也可以隨意起

url:"<%=request.getContextPath()%>/staffGet", //這個是路徑,staffGet是我在視圖層聲明的名字我想你們應(yīng)該知道m(xù)apping吧

complete:function(msg){ //如果你們僅僅只是向后臺傳值就不需要下面的代碼了,如果有返回值,比如name查找數(shù)據(jù)庫所有相同name并在前臺接收就需要下面的代碼

$("#read").html(""); //在這里是因為我點擊一次就自動把查到的信息添加,會重復(fù),所以才有的在賦值之前把原本的信息刪除,請參考這串代碼倒數(shù)第二行你就懂了

$("[id=read]").remove();//這是把原本的ID刪除只有這樣才能清空原本的信息,ID存在會顯示一個空的td,這一行和上一行與該文章沒有關(guān)系,只是項目需要,可以沒有

var data = eval("(" + msg.responseText + ")"); //這就是將后臺傳過來的數(shù)據(jù)并交給data這個對象

$.each(data["list"],function(i,item){//遍歷這個數(shù)據(jù),我在后臺發(fā)送數(shù)據(jù)給的KEY是list,所以才有data["list"],變量名隨你傳送的map的KEY變化而變化詳情請看后臺代碼

 var Name="<tr id='"+item.staffId+"tr'><td id='"+item.staffId+"Name'>"+item.staffName+"</td>"; //這里我用一個字符串向tr和td賦值,ID最后一行改了是為了綠色注解部分

$("#staffget").append(Name); //然后將字符串插入表格中,具體插入方式可以參考ajax的API,有appendTo等多種方式,按情況參考

$("#"+item.staffId+"tr").attr("id","read"); //在這里將所有tr的ID改成read,為了我點擊多次從后臺取值不會出現(xiàn)多次重復(fù),點一次刪除所有Id為read的

前臺代碼缺括號,有)},具體缺哪個自行查找

現(xiàn)在開始后臺代碼,因為懶得找就隨意找了一個

@RequestMapping("/JurisdictionGet") //這里就是我在之前ajax里url的路徑,詳情請看ajax--url我有解釋

@ResponseBody //這是因為使用了ajax必須要聲明的注解

public Object JurisdictionGet(Jurisdiction jurisdiction) throws Exception //因為使用了ajax所以方法必須使用Object類型的方法,參數(shù)列表就是前臺發(fā)送回來的 數(shù)據(jù),如果想在后臺用對象接收,前臺傳值時,定義的參數(shù)名必須是你這個對象的屬性名,才可以像我這樣接收,如果不同就用String接收,但參數(shù)名必須和前臺定義的一樣

 {

Map<String, Object> map = new HashMap<String, Object>(); //這個map是在前臺需要有返回值時存在的,獲取數(shù)據(jù)庫的值通過它傳給前臺用key取值

map.put("list", JurisdictionServices.JurisdictionGet(jurisdiction)); //定義的KEY為list,value里的數(shù)據(jù)是我調(diào)用的Services層,主要邏輯都寫在哪里,就不發(fā)了,和以前大家的用法都差不多,因為是查多個,所以返回的是LIST數(shù)據(jù),懂吧?不懂 可以在評論問我,我回復(fù)大家

return map;//將這個map發(fā)送出去,再往后的參考前臺就行,解釋的很清楚了,不懂的可以問我,我只要會,就一定解 答大家

 }

以上這篇ajax動態(tài)獲取數(shù)據(jù)庫中的數(shù)據(jù)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 基于Spring Boot利用 ajax實現(xiàn)上傳圖片功能

    基于Spring Boot利用 ajax實現(xiàn)上傳圖片功能

    這篇文章主要介紹了Spring Boot利用 ajax實現(xiàn)上傳圖片功能,本文圖文實例相結(jié)合,給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-11-11
  • 使用wordpress的$wpdb類讀mysql數(shù)據(jù)庫做ajax時出現(xiàn)的問題該如何解決

    使用wordpress的$wpdb類讀mysql數(shù)據(jù)庫做ajax時出現(xiàn)的問題該如何解決

    這篇文章主要介紹了使用wordpress的$wpdb類讀mysql數(shù)據(jù)庫做ajax時出現(xiàn)的問題該如何解決的相關(guān)資料,需要的朋友可以參考下
    2015-10-10
  • 自己動手封裝的 ajax

    自己動手封裝的 ajax

    過完年后項目開發(fā)比較緊張,好長時間沒寫文章了。好在項目進入測試實施后期,可以有時間總結(jié)一些自己最近項目的心得了。自從提出WEB2.0富客戶以后AJAX技術(shù)現(xiàn)在是越來越流行,有待代替CS桌面程序之勢。
    2009-07-07
  • js與jQuery實現(xiàn)的兼容多瀏覽器Ajax請求實例

    js與jQuery實現(xiàn)的兼容多瀏覽器Ajax請求實例

    這篇文章主要介紹了js與jQuery實現(xiàn)的兼容多瀏覽器Ajax請求,以實例形式分別講述了采用純js與jQuery實現(xiàn)的兼容多瀏覽器Ajax請求的方法,并對Ajax中出現(xiàn)的亂碼問題進行了一定的分析,需要的朋友可以參考下
    2014-11-11
  • 5款A(yù)jax 文件上傳控件

    5款A(yù)jax 文件上傳控件

    如果你的網(wǎng)站含有文件上傳功能,那可以使用本文介紹的5款A(yù)jax文件上傳控件,提升用戶體驗。要知道,上傳文件總是個痛苦的過程,要消除不太現(xiàn)實,但至少如果你為減少用戶的痛苦努力了,那用戶也會喜歡你的網(wǎng)站的。
    2009-10-10
  • Ajax 實現(xiàn)網(wǎng)站劫持的檢測方法

    Ajax 實現(xiàn)網(wǎng)站劫持的檢測方法

    https可以徹底解決劫持的問題。但是一般虛擬主機都不支持 https,難道http只能任流氓們惡意劫持么?下面通過本文給大家介紹Ajax 實現(xiàn)網(wǎng)站劫持的檢測方法,需要的朋友可以參考下
    2017-08-08
  • javascript ajax獲取信息功能代碼

    javascript ajax獲取信息功能代碼

    本文提供一個思路,通過客戶端與服務(wù)端獲取信息,具體什么意思大家自己琢磨,本文只提供Client端代碼,Server端代碼自己去寫,什么語言均可以!
    2010-04-04
  • 如何成為AJAX高手

    如何成為AJAX高手

    這篇文章主要介紹了如何成為AJAX高手
    2007-01-01
  • Jquery版本導(dǎo)致Ajax不執(zhí)行success回調(diào)函數(shù)

    Jquery版本導(dǎo)致Ajax不執(zhí)行success回調(diào)函數(shù)

    這篇文章主要介紹了Jquery Ajax不執(zhí)行success回調(diào)函數(shù)的原因及解決方法
    2014-04-04
  • Ajax實現(xiàn)模擬關(guān)鍵字智能匹配搜索效果

    Ajax實現(xiàn)模擬關(guān)鍵字智能匹配搜索效果

    這篇文章主要介紹了Ajax實現(xiàn)模擬關(guān)鍵字智能匹配搜索效果,當(dāng)在搜索框輸入內(nèi)容時,根據(jù)關(guān)鍵字匹配,顯示彈出層,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-12-12

最新評論