例子<!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $.post("demo_test_post.asp",
我們在上一章 jquery新手入門執行個體教學二
1、外掛程式說明在支援FormData的瀏覽器完全使用AJAX(即XMLHttpRequest)和input的files屬性共同完成上傳檔案,否則就類比表單提交來上傳檔案。支援寫的文章和指令碼現在看起來都比較稚嫩,現在重新整理、約束,更好的API和便捷使用方法。外掛程式名稱:jquery-upload。2、外掛程式使用// 1、判斷瀏覽器支援特徵// 是否支援HTML5的input的files對象,用於同時選擇上傳多張圖片$.support.inputFiles;//
html頁面的代碼如下<body><form action="form.php" method="post" id="form" onsubmit="return check();"><table style="600px;"
所謂二級聯動,其實稍微懂點js的都不陌生,關於二級聯動的實現,不使用JQ,而是原生態的JS些,效率會更好,但是個人感覺用JQ寫的話,思路會清晰點。代碼:html部分<select name=”” id=”province”><option>請選擇</option><option value=1>廣東</option><option value=2>湖南</option>&l
html代碼代碼 代碼如下複製代碼 <table width="100%" border="0" cellspacing="1" cellpadding="1" style="margin-top:20px;"> <form id="submitform" name="submitform" >
普通的ajax事件,在開發過程中可能已經寫過一個success,在後續的開發中可能我不想動之前寫的success方法,想要重啟一個success比如下面代碼: 代碼如下複製代碼 $('.btn').click(function () {$.ajax({type : 'post',url : 'test.php',data : $('form').serialize(),success : function (data) {console.log(data + '1
jquery的工具函數,封裝了比較常用的字串、數字、數組、對象的處理方法,下面是比較常用的的一些方法:字串操作 代碼如下複製代碼 var str = ' www.111cn.net ';console.log(str);// www.111cn.netconsole.log($.trim(str));//www.111cn.net,去除空格$.each 迴圈查看數組、對象的資料資訊var arr = ['
用的比較多的jquery+ajax方法是$.post,它也是對$.ajax的二次封裝,那麼接下裡看看$.ajxa的使用: 代碼如下複製代碼
在jquery和ajax搭配使用的時候用的比較多的應該是 $.get 和 $.post 了吧,用法很簡單url + 參數 + 回呼函數 + 傳回值類型。在此之前先總結下 .load 和 $.get $.post 的區別:.load :局部的效應,.load前面一半會有一個元素的選擇比如:$(‘#box’).load()針對的是id=box的元素;更適合靜態檔案的擷取。$.get $.post :是全域的,通過回呼函數掌控全域;更適合和伺服器的動態互動。下面看 $.get
jquery對ajax的封裝了三層:第一層:$.ajax,第二層:.load $.get,$.post,第三層:$.getScript,$.getJson先來學習.load的使用:格式:load(url [,data] [,callback]) 最簡單的get方式擷取常值內容 代碼如下複製代碼 $('#ajax').click(function () { $('#box').load('ddd.html')
一直都用拆分字串的方法來處理AJAX返回的資料,今天baidu了以下發現原來可以用eval()這個小東西。比如:eval(http_request.responseText);eval()函數JavaScript有許多小竅門來使編程更加容易。其中之一就是eval()函數,這個函數可以把一個字串當作一個JavaScript運算式一樣去執行它。舉個小例子: 代碼如下 複製代碼
進入百度搜尋此問題,發現有人這麼說了一句Jquery中的Ajax的async預設是true(非同步請求),如果想一個Ajax執行完後再執行另一個Ajax, 需要把async=false就可以了於時我在ajax中進行了處理async: false,結果發現提交正常的資料返回是正常的沒有錯誤。 代碼如下複製代碼 $.ajax({type: "POST",async:
例子一 代碼如下複製代碼 $.ajax( { type: "POST", url: "/a.php", success: function(result) { //ToDo: } ) 我們點擊提交沒有任何返回,於是使用ff 瀏覽器測試也沒發現有效果了,後來檢測發現是少了data:"{a:'a'}"參數了,我們只要加以修改即可 代碼如下複製代碼 $.ajax( { type:
jquery中常用的ajac有 $.ajax() , $.post , $.get() ,$.load()了。例子 代碼如下複製代碼 $.post("test.jsp", { name: "cssrain", time: "2008/01/21" }, //要傳遞的資料 function(data){ alert("返回的資料: " + data); } )
ajax 檔案上傳 代碼<%@ Import Namespace="System.IO" %><%@ page Language="C#" debug="true" %><html><head><title>ajax asp.net 上傳檔案 , </title><script language="C#"
ajax 級聯動菜單代碼<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>ajax2級聯動菜單示範</title><script language="javascript">var http_request=false;
對於Ajax,最核心的一個對象是XMLHttpRequest,所有的Ajax操作都離不開對這個對象的操作。建立XMLHttpRequest對象對於IE瀏覽器: 代碼如下複製代碼 xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); 對於其他瀏覽器: 代碼如下複製代碼 xmlHttp = new XMLHttpRequest();
KindEditor在Firefox下或者其他瀏覽器下都無法得到textarea文字框的值。首先描述下我這邊遇到的KindEditor錯誤現象:1、在IE8/FF下均得不到值;2、當點擊KindEditor的全屏按鈕切換到全螢幕模式輸入時,再返回正常模式,可以得到值;3、我用的是jQuery的ajax點擊事件提交表單的,無法得到值;4、直接用表單的提交按鈕可以得到值。那麼如何解決上述的這些問題呢? 代碼如下複製代碼 <script
js原生態寫法 代碼如下複製代碼 var mm; var nn; function makeRequest(url,obj,b) { mm=obj; nn=b; http_request = false; if (window.XMLHttpRequest) { http_