AJAX.basic

阿新 • • 發佈：2017-05-31

lencod query function int urlencode 請求 adding document obj

之前在項目中使用ajax都是通過jQuery的Ajax API來進行的，今天試了一下通過基本的JavaScript來進行ajax請求，將代碼記錄下來：

jsp 頁面 [xhtml] view plain copy

<%@ page pageEncoding="UTF-8"%>
>
<html>
<head>
<title>Ajaxtitle>
<script type="text/javascript" src="media/js/jquery.js" mce_src="media/js/jquery.js">script>
<script type="text/javascript" src="media/ajax.js" mce_src="media/ajax.js">script>
head>
<body>
Ajax.jsp<br/>
<div id="msg" style="width:400px;height:200px;margin:1em;padding:1em;border:1px solid #DD6900">
啦啦啦
div>
<button id="start" style="margin:1em;border:1px solid #DD6900" mce_style="margin:1em;border:1px solid #DD6900">Start Ajaxbutton>
body>
html>

進行ajax請求的js 代碼，可以附帶一些json和xml數據（必須是post方法） [javascript] view plain copy

var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
var okFunc = function(){
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {
$("#msg").html(xmlHttp.responseText);
}
}
}
var startAjax = function(){
$("#msg").html("Loading...");
createXMLHttpRequest();
if( !xmlHttp){
return alert(‘create failed‘);
}
xmlHttp.open("POST", "Test", true);
xmlHttp.onreadystatechange = okFunc;
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send(document);
}
$(document).ready(function(){
$("#start").click(startAjax);
$.post("Test",{‘name‘:‘Hello‘,‘age‘:22});
});

在服務器端的Servlet：

java 代碼 [java] view plain copy

package ajax;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class Test extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
BufferedReader reader = request.getReader();
String line = null;
while((line = reader.readLine()) != null) {
System.out.println(line);
}
System.out.println("Start writing");
response.setContentType("text/html");
PrintWriter out = response.getWriter();
out.println(");
out.flush();
out.close();
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
doGet(req, resp);
}
}

AJAX.basic

lencod query function int urlencode 請求 adding document obj 之前在項目中使用ajax都是通過jQuery的Ajax API來進行的，今天試了一下通過基本的JavaScript來進行ajax請求，將代碼記錄下來： js

防止重復發送ajax請求

jquery 密碼錯誤 width status request arguments view 放棄 images 前端代碼是當輸入密碼個數為6個的時候，觸發ajax請求，但輸入很快的時候會觸發多個請求，為了防止重復發送請求。可以利用jquery ajaxPrefilt

Ajax提交數據判斷員工編號是否存在，及自動填充與員工編號所對應的員工姓名。

ajax lur 進行 stack extends 字符 spa pac pub JSP頁面中所需要的JavaScript事件及Ajax 1 <script type="text/javascript"> 2 function checkEmpNo(i

jquery的AJAX中各個事件執行順序

.ajax star ajaxstop jquery ajax let start 執行 .com jquery的AJAX中各個事件執行順序如下： 1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件) 4.success 5.aja

JQuery操作Ajax

urn oba ade response 當前頁 xmlhttp 另一個 orm 可選今天就來說說jquery對於ajax的支持，jquery封裝了XMLHttpRequest的底層實現，直接調用提供的方法即可 1.$.ajax(options) 這個方法是jquery對

angular js 多處獲取ajax數據的方法

list ont listctrl lct module 方法 detail car 獲取 angular js 多處獲取ajax數據的方法var app=angular.module("cart",[]);app.service("getData",function ($

jquery在ajax新加入的元素後綁定事件click

path pen con art yii 例如 () click bsp 使用YII在做一個點擊小圖。能夠在彈出窗體中顯示大圖的功能的時候，發現。GridView首頁面的列表項按點擊時一切正常，但按下了下一頁後。再點擊小圖，就不起作用了。原來，這是GridView

AJAX

strong java 針對進行地址 logs 讀取數據什麽取數一、什麽是AJAX AJAX （Asynchronous JavaScript and XML）是異步 JavaScript 和 XML的縮寫。通過和服務器進行少量數據的交換，實現對網頁的局部更新。

火狐調試ajax組件httpfox安裝及使用

火狐調試ajax組件httpfox安裝及使用最近使用jquery和ajax時，有時候想看看json串的值。使用火狐自帶的httpfox非常方便。1.安裝點擊火狐瀏覽器開始菜單，選擇添加組件搜索httpfox，添加組件並重啟火狐。把httpfox添加至開始菜單，把菜單拖拽過來即可。2.使用打開httpfox，點

$.ajax()方法詳解

例如 lencod ace 包含等等 json 返回用戶名代碼 jquery中的ajax方法參數總是記不住，這裏記錄一下。 1.url: 要求為String類型的參數，（默認為當前頁地址）發送請求的地址。 2.type: 要求為String類型的參數，請求方式（p

JavaScript之Ajax技術

.cn log blog 分享 images nbsp http bsp img JavaScript之Ajax技術

JavaWeb網上圖書商城完整項目--day02-6.ajax校驗功能之頁面實現

ret code 需要 gis 提交 ima date else back 1 、現在我們要在regist.js中實現ajax的功能,使用用戶名到後臺查詢是否註冊，郵箱是否到後臺註冊，驗證碼是否正確的功能我們來看regist.js的代碼 //該函數在html文檔加載完成

Spring Security應用開發(04)HTTP basic認證

角色 cati onf poi font con prop ins mode Spring Security默認是使用form-login表單認證方式。  <sec:form-login /> Spring

JQuery系列（4） - AJAX方法

type 一般來說其他 don light spa none rouge 狀態信息 jQuery對象上面還定義了Ajax方法（$.ajax()），用來處理Ajax操作。調用該方法後，瀏覽器就會向服務器發出一個HTTP請求。 $.ajax方法 $.ajax()的用法主要

ajax異步獲得json對象後格式化時間

時間格式類的方法取值異步 asc 希望 div net csdn 我如今通過ajax異步獲得一個po類（以json對象形式接收）。然後希望可以格式化po對象中的一個屬性，屬性為date類型，然後在頁面顯示。頁面的實現後截圖效果例如以下：時間屬性在後臺顯示

Ajax 學習筆記

encode 就會表單元素數據結構 pos 傳統沒有 nal ror 什麽是 AJAX ？ AJAX = 異步 JavaScript 和 XML。 AJAX 是一種用於創建快速動態網頁的技術。通過在後臺與服務器進行少量數據交換，AJAX 可以使網頁實現異步更

淺析ajax請求json數據並用js解析 [轉]

set gif .ajax -1 pen 技術分享 hide asc spa <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

ajax的簡介

支持 google 實踐 ont 任務 ons web form null 關鍵字 Ajax 由 HTML、JavaScript? 技術、DHTML 和 DOM 組成，這一傑出的方法可以將笨拙的 Web 界面轉化成交互性的 Ajax 應用程序。本文的作者是一位 Ajax 專

ajax部分

btn 傳遞 itl () obj tex html charset onload /*=============ajax初步認識=====================*/ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01

SpringMVC ajax 參數請求

ajax div tails pojo ice ror class tle mapping [email protected]/* */ 註：contentType必須指定為：application/x-www-form-urlencoded @Res

AJAX.basic

相關推薦