2. 程式人生 > >JS通過ajax方式從資料庫動態獲取資料的程式碼

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

阿新 • • 發佈：2019-01-19

原文地址：http://www.sharejs.com/codes/javascript/8182

<!DOCTYPE html>
<html>
<head>
<script>
function showCustomer(str)
{
var xmlhttp;   
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getcustomer.asp?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
 
<form action="">
<select name="customers" onchange="showCustomer(this.value)">
<option value="">Select a customer:</option>
<option value="ALFKI">Alfreds Futterkiste</option>
<option value="NORTS ">North/South</option>
<option value="WOLZA">Wolski Zajazd</option>
</select>
</form>
<br>
<div id="txtHint">Customer info will be listed here...</div>
 
</body>
</html>


相關推薦

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

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

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

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

1.簡單例項：ASP.NET下Echarts通過Ajax從資料庫中獲取資料

後臺：Test01.ashx.cs:從資料庫獲取資料，通過HTTP請求（HttpContext）實現和前臺資料傳遞json資料 using System; using System.Collections.Generic; using System.Linq; using

ASP.NET+Echarts+Ajax從資料庫中獲取資料

html <div class="panel-body"> <div id="signNum" style="height: 400px; width:

php從資料庫中獲取資料用ajax傳送到前臺

1、資料庫的欄位： 2、php連線資料庫獲取資料庫的資訊放入json_encode($css);{檔案為：db.php} <span style="font-size:14px;"><?php $host="localhost"; $username=

畢設筆記--SSH前臺JSP頁面下拉列表框的值從資料庫動態獲取

今天的遇到的一個問題是：我想在前臺JSP頁面中做一個下拉列表框， 而這個列表框中顯示的值是從資料庫的一張表中動態獲取的。 比如，表中有北京，上海，廣州這三個資料，JSP的下拉框中顯示的也是這三個值。 以後再表中新增了杭州，下拉框就相應的顯示這四個城市。 對，就是這麼簡單的一

ECharts 從後臺動態獲取資料 （asp.net）

(一) 使用工具 visual studio 2017；Web開發：asp.net （程式碼中的js引用路徑以及ajax方法呼叫的url，記得修改哦） (二) 準備工作（此處寫給和我一樣小白） 　　1.動態從後臺獲取資料，需使用Ajax獲取後臺Json，為此我們需要做一些準備工作，安裝兩個包（在vs的N

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

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

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

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

Jmeter-從資料庫中獲取資料並作為變數傳輸

再今天重新學習，從資料庫中取資料，並作為變數傳到下一個請求中。 首先第一步要匯入mysql驅動包 一、新增JDBC Connection Configuration 設定連結 Database URL: jdbc:mysql:// 資料庫地址 /庫名 JDBC Driver class：com.my

是用JDBC從資料庫中獲取資料並以java物件返回

/** * * @param c * for example Person.class * @param primaryKeys * primaryKeys為主鍵,引數順序和表中保持一致 如果id， name

Spark支援四種方式從資料庫中讀取資料

目前Spark支援四種方式從資料庫中讀取資料，這裡以Mysql為例進行介紹。 一、不指定查詢條件 　　這個方式連結MySql的函式原型是： def jdbc(url: String, table: String, properties: Properties):

Spring+Quartz 從資料庫中獲取定時任務和定時時間，動態實現對定時任務的增刪改查

本文轉載自部落格：http://blog.csdn.net/wwkms/article/details/48851005 ----------------------------------------------------------------------------------------

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

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

使用ajax從資料庫動態載入下拉框(select)資料，可編輯下拉框。

<div style="position:relative;"> <span style="margin-left:100px;width:18px;overflow:hidden;"> <select id="ch

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

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

H5 通過Ajax方式上傳檔案 使用FormData進行Ajax請求

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

專案總結：每隔5分鐘從資料庫拉取資料轉為Json格式通過WebService從客戶端傳送至服務端

   第一次接手需求寫的小專案，過程也有點坎坷，以此記錄總結編碼過程中遇到的問題。    專案背景：本次寫的是一個小模組，主要為客戶端，作用是每隔5分鐘從資料庫拉取資料傳送至服務端。本次專案採用的是spring3+Quartz+JdbcTemplate+J

JAVA中建立HTTP通訊，從伺服器上獲取HTML程式碼，通過HTTP請求來下載圖片或其他二進位制檔案的程式，下載結果要按下載到的檔案型別進行存檔中。

通過HTTP請求來下載圖片或其他二進位制檔案的程式，下載結果要按下載到的檔案型別進行存檔 將程式碼從伺服器的中獲取下來的程式碼，在我之前已經講過了這裡寫連結內容 這裡我們就直接將原始碼稍加改動，加入一個檔案並請將builder 寫入即可。 import

將從資料庫中獲取的資料寫入到Excel表中

pom.xml檔案寫入程式碼，maven自動載入poi-3.1-beta2.jar &lt;!-- https://mvnrepository.com/artifact/poi/poi --&gt; &lt;dependency&gt;