1. 程式人生 > >通過ajax方式從後臺查詢出資料並填入前臺的select中

通過ajax方式從後臺查詢出資料並填入前臺的select中

首先需要清空之前下拉框中的內容,否則會出現選項重複的情況,根據url的路徑查詢出select中所要展示的list,判斷list是否為空,如為空,需要置入空行,如不為空,用jquery取到select後將整個list用append的方式置入,程式碼如下,附抽出的ajax提交方法

$("#name_send").empty();
    var url = context + "/customer/publish.ao?method=processQueryMsgTemplate&nodeId=" + nodeId
      + "&d=" + new Date().getTime();
    var list = ajaxRequest(url);
    content = "<option value='0' ></option>";
    if (list == null || list == "") {
     $("#name_send").append(content);
    } else {
     $(list).each(function() {
      content += "<option value='" + this.id + "' >" + this.name + "</option>";
     });
     $("#name_send").append(content);
    }

function ajaxRequest(url) {
 url += "&date=" + new Date().toLocaleString();
 var isFault = false;
 var jsonStr = $.ajax({
  url : url,
  type : 'POST', // 預設值: "GET"。請求方式 ("POST" 或 "GET"), 預設為 "GET"
  async : false, // 預設值: true。預設設定下,所有請求均為非同步請求
  dataType : 'json', // 預期伺服器返回的資料型別
  success : function(json) {
   if (json && json.state) {
    showJsonMessage(json);
   }
  },
  error : function(json) {// 請求失敗時呼叫此函式。
   showMessage("系統出現異常,請與管理員聯絡!", "error");
   isFault = true;
  }
 }).responseText;
 if (!isFault) {
  var json = eval('(' + jsonStr + ')');
  if (json) {
   // 如果json中存在訊息狀態標識則提示訊息並返回true、false
   if (json.state) {
    return showMessageState(json.state);
    // 否則為資料json,直接返回
   } else {
    return json;
   }
  }
 }
 return null;
}

相關推薦

通過ajax方式後臺查詢資料前臺select

首先需要清空之前下拉框中的內容,否則會出現選項重複的情況,根據url的路徑查詢出select中所要展示的list,判斷list是否為空,如為空,需要置入空行,如不為空,用jquery取到select後將整個list用append的方式置入,程式碼如下,附抽出的ajax提交方

jquery用ajax方式後臺獲取json資料後如何將內容填充到下拉列表

從後臺獲取json資料,將內容填充到下拉列表,程式碼非常簡單,具體過程請看下面程式碼。 需求:url:連結     par:ID       sel:下拉列表選擇器 function BuildSelectBox(url, par, sel) { $(sel).emp

JS通過ajax方式資料庫動態獲取資料的程式碼

原文地址:http://www.sharejs.com/codes/javascript/8182 <!DOCTYPE html> <html> <head> <script> function showCustomer(

詳細步驟!!!idea+springboot+mybatis+jsp+bootstrap實現mysql查詢資料顯示(原始碼)

實現效果: 資料庫對應資料: 開發環境: IntelliJ IDEA 2017.2.5 x64 java version "1.8.0_151" x64 mysql 6.0.11-alpha-community x64 步驟: 1.建立工程: file--new-

一般方式ajax方式後臺獲取資料載入進網頁

1,普通方法無非就是先訪問相應servlet拿到資料,存到request域中,跳轉到jsp頁面,通過jsp標籤遍歷拿到資料,前面的文章提到了點選開啟連結。 2,若想通過某些規則校驗表單資料,沒有訪問資料庫,jquery是你不二選擇,點選跳轉到jquery表單校驗外掛 3,通過aj

php後臺查詢資料,返回json資料前臺接收輸出

stu表: index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://www.jq22.com/jquery/jquery

前端ajax獲取後臺傳回的資料

主要講一下jQuery中的ajax。 $.ajax({ url: 請求的地址 , data: 傳遞給後臺的資料, method:請求方法(GET,POST), async:是否非同步(同步表

ECharts餅圖後臺動態獲取資料展示

$.post( url, {'id' : gridStationSeq  },function(result) {if (result != null) {var label=[];var data = JSON.parse(result);var arr=[];alert

ibm streams處理kafka資料到redis

小第最近公司要求用ibm streams來做流式資料的處理(不知道為什麼的,老闆開心就好),下面就把我用streams的一些經歷寫寫吧 我是用spl + java混合編寫的 據說下現在的版本4.1是可以用純java寫的 我們用的是4.0所以還是用了spl + java ,首

js方式利用Ajax技術後臺獲得資料

  不使用Jquery等js類庫,使用js方式建立xmlHttpRequest物件,關鍵是需要判斷瀏覽器是否支援Ajax技術,然後向伺服器提交請求,處理伺服器返回的資料。 程式碼如下: <script type="text/javascript">   var

ajax後臺請求的資料在顯示時一閃而過的原因(submit)

學習過程中遇到的問題: 先貼程式碼: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script> function showHint(str) { if (str.le

通過Ajax方式繫結select選項資料的例項

今天小編就為大家分享一篇通過Ajax方式繫結select選項資料的例項,具有一定的參考價值,對此有需要的朋友可以參考學習下。如有不足之處,歡迎批評指正。 問題描述 在編寫Web頁面的時候常常需要在後端取出資料動態放入select標籤中,以供選擇。 解決辦法 在HTML程式碼段中只需寫入 <select

$.ajax()方法伺服器獲取json資料幾種方式詳解

一.什麼是json json是一種取代xml的資料結構,和xml相比,它更小巧但描述能力卻很強,網路傳輸資料使用流量更少,速度更快。 json就是一串字串,使用下面的符號標註。 {鍵值對} : json物件 [{},{},{}] :json陣列 "" :雙引號內是屬性或值

Jquery如何將Ajax後臺獲取的資料自動填充到省級下拉選單

Ajax:Asynchronous JavaScript and XML(非同步的 JavaScript 和 XML),指前後端在不重新整理頁面的情況下交換資料,更新資料。html程式碼:       

struts2-通過action後臺將json資料傳到前臺的方法(一)

本方法通過Struts2的攔截器自動將資料轉換成json資料後傳給頁面。 需要匯入的jar包:struts2-json-plugin-2.3.20.jar 前臺jsp頁面: <table id="dg" title="My Users" class="easyui-

微信小程式 側欄分類三:資料後臺查詢

package servlet;import java.io.IOException;import java.io.Writer;import java.util.ArrayList;import java.util.List;import javax.servlet.ServletException;imp

ajax實現後臺資料顯示在HTML前端

HTML頁面,ajax是基於id的,所有用id表示。 拿到的資料會顯示在這裡 <div id="test"></div> ajax原始碼: $(document).ready(function() {             $.ajax({   

jquery如何通過ajax請求獲取後臺資料顯示在表格上

1.引入bootstrap和jquery的cdn <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/bo

flask前臺資料通過ajax傳遞到後臺之點贊與視訊播放量

實現功能: 1.點選播放視訊,後臺視訊點選量增加 2.點贊按鈕,點選為紅色,後臺視訊贊數增加;再次點贊,按鈕變為灰色,後臺視訊贊數不增加 前臺點贊按鈕: <a href="#" id="zan-{{ v.id }}" name="iconfont zan">

有關Java資料庫查詢資料匯出Excel POI分頁功能總結

這幾天一直在做Java從資料庫查詢出的資料匯出Excel 的功能;做著做著發現: 當 row 超過65535的時候會報異常,該怎麼解決呢? 首先宣告一下,我的專案是基於Struts+ spring + mybatis的:以下方法僅供參考! 那麼我們先從jsp傳值開始看起吧