ajax post 没有返回_Ajax异步技术之三:jQuery中的ajax学习
生活随笔
收集整理的這篇文章主要介紹了
ajax post 没有返回_Ajax异步技术之三:jQuery中的ajax学习
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
jQuery中的Ajax學習:
jQuery是js的一個輕量型框架,已經將js創建的操作進行了封裝,而ajax也是js的一部分,所以jQuery也已經將ajax進行了封裝。
封裝:
$.get(url,data,fn) url:請求地址data:請求參數,參數格式為json對象fn:回調函數,注意函數要聲明一個形參,用來接收響應數據 $.post(url,data,fn) url:請求地址data:請求參數,參數格式為json對象fn:回調函數,注意函數要聲明一個形參,用來接收響應數據 $.ajax({json格式參數}) :參數說明參照type:請求方式 ("POST" 或 "GET"), 默認為 "GET"url:請求地址data:發送到服務器的數據。將自動轉換為請求字符串格式。必須為鍵值對格式。success:類型為Function, 請求成功后回調函數。參數:服務器返回數據,數據格式。 這是一個Ajax 事件。代碼實現:
需要引入的
jquery-1.9.1.js268.4K · 百度網盤<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="ISO-8859-1"><title>Insert title here</title><!-- 引入jQuery文件 --><script type="text/javascript" src="js/jquery.js"></script><!-- 聲明js代碼域 --><script type="text/javascript">//頁面加載成功給HTML元素添加事件$(function(){//給用戶名文本框添加失去焦點事件$("#uname").blur(function(){//發起ajax請求,校驗用戶名是否被注冊//get請求方式/* $.get("data",{uname:$("#uname").val()},function(data){alert(data);}); *///post請求方式/* $.post("data",{uname:$("#uname").val()},function(data){alert(data);}); *///$.ajax方式$.ajax({type:"get",url:"data",data:"uname="+$("#uname").val(),success:function(data){if(eval(data)){alert("用戶名已被注冊");}else{alert("用戶名OK");}}})})})</script> </head> <body><h3>jQuery中的ajax學習</h3><hr/>用戶名:<input type="text" name="uname" id="uname" value=""/></body> </html>數據庫中有“張三”的校驗結果數據庫中沒有“趙四”的校驗結果參考文件:
JQuery_1.4_API.CHM501.4K · 百度網盤jQuery.ajax()
總結
以上是生活随笔為你收集整理的ajax post 没有返回_Ajax异步技术之三:jQuery中的ajax学习的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 高层发生火灾时正确的逃生方法是简写在高层
- 下一篇: 汽车Led大灯突然两边颜色不一样左边那个