Ajax 二級聯動

2021-09-28 21:41:35 字數 1825 閱讀 6818

準備工作匯入vue&jquery的js包

導包部分省略不寫

接下來應該先寫html頁面的**

姓名:級部:

--請選擇級部--

} 班級:

--請選擇班級--}

性別:男

請選擇省

省請選擇市

市愛好:籃球  足球  排球

簡介:

接下來是jquery的例項**

控制器**例項部分

/**

* 查詢年級的表

* @return 年級表查詢的結果集

*/@responsebody

public iterablefindallgrade()

/*** 查詢班級表

* @param request 獲取gid用來做班級表的查詢

* @return 返回班級表查詢的結果集

service**例項部分

年級表service

/**

* 查詢grade表的全部資料

* @return 這個表的資料集合

*/public iterablefindall()

班級表service

/**

* 傳入級部id按級部id來查資料

* @param gid

* @return 返回查詢的結果集

*/public iterablefindbygid(integer gid)

可以呼叫dao層繼承的介面的方法

班級表dao層

package com.msfh.demo.dao;

import com.msfh.demo.eneity.cname;

import org.springframework.data.jpa.repository.jpaspecificationexecutor;

import org.springframework.data.jpa.repository.query;

import org.springframework.data.repository.pagingandsortingrepository;

public inte***ce cnamedao extends pagingandsortingrepository, jpaspecificationexecutor

public inte***ce cnamedao  extends pagingandsortingrepository, jpaspecificationexecutorcname換成自己的實體

integer換成自己的主鍵

下面附上表

person表

cname(班級)表

grade(年級)表

AJAX實現二級聯動

通過ajax實現二級聯動,先動態獲取一級下拉列表,通過onchange 事件,非同步查詢二級下拉列表內容,把內容寫進標籤,存入二級下拉列表中 一級下拉列表動態獲取列表內容 responsebody permission st1000 public string editposoperator par...

二級聯動,多級聯動

首先,二級聯動,還是多級聯動小夥伴們不要怕,其實很簡單。首先,理清思路 首先第乙個頁面,肯定是進來就需要載入的 然後通過觸發第乙個事件,一般都是select寫 聯動,然後通過事件方法將引數 二級需要的條件 傳送給下乙個 需要用的地方 需要展示的地方 上 注意 function 這個方法裡是頁面在載入...

二級聯動 js

在html部分只寫兩個select標籤 option標籤將用js的方法寫入 onchange 內容發生改變事件 用於select下拉列表中後的內容發生改變時候的觸發 核心部分就是js裡面的內容 建立乙個物件data來儲存資料 data 首先通過for迴圈來新增第一級裡面的內容 province va...