javasript利用jquery傳送請求的各種方法
Jquery傳送ajax請求的方法有很多,其中最基本的是$.ajax方法,在其之上封裝的方法有 $.get, $post, $.put, $.ajaxForm, $fileUpload等。而在這些上層的方法中,後兩個為jquery的外掛所提供,如果需要用到的話,還需要引入物件的js庫檔案。這裡我們記錄下各方法的使用及ajax方法最原始的呼叫方式。
$get方法:
$.get( 'http://www.baidu.com', function(html){ console.log(html); } ); $.ajax({ type : "GET", url : 'http://www.baidu.com', success : function(html){ console.log(html); } });
$.post方法:
$.post( 'http://www.baidu.com/search', {query : "javascript"}, function(data){ console.log(data); } ); $.ajax({ type : "POST", url : 'http://www.baidu.com/search', data : {query : "javascript"}, contentType : "application/x-www-form-urlencoded", success : function(data){ console.log(data); } });
//提交存json資料
$.ajax({
type : "POST",
url : 'http://www.baidu.com/search',
data : {query : "javascript"},
contentType : "application/json",
success : function(data){
console.log(data);
}
});
//提交from資料 $.ajax({ type : "POST", url : 'http://www.baidu.com/search', data : $("form").serialize(), //不帶檔案的form表單 success : function(data){ console.log(data); } });
$.ajaxFrom方法:
$('form').ajaxFrom({
target : '#result',
beforeSubmit : function(formData, jqForm, options){
console.log(options);
},
success : function(responseText, statusText){
console.log(responseText);
}
});
$.ajax({
type: 'POST',
url: '/upload',
data: new FormData($('from')[0]), //帶檔案的form表單
contentType: false,
processData: false,
success: function (result) {
console.log(result);
},
error: function (err) {
console.log(err);
}
});
$.fileupload方法:
$('#fileupload').fileupload({
dataType: 'json',
done: function (e, data) {
console.log(JSON.stringify(data));
}
});
var fd = new FormData();
fd.append('file', $('#fileupload')[0].files[0]);
fd.append('file2', new File([fileBlob], 'filename.txt'));
$.ajax({
type: 'POST',
url: '/upload',
data: fd,
contentType: false,
processData: false,
success: function (result) {
console.log(result);
},
error: function (err) {
console.log(err);
}
});
相關推薦
javasript利用jquery傳送請求的各種方法
Jquery傳送ajax請求的方法有很多,其中最基本的是$.ajax方法,在其之上封裝的方法有 $.get, $post, $.put, $.ajaxForm, $fileUpload等。而在這些上層的方法中,後兩個為jquery的外掛所提供,如果需要用到的話,還需要引入物
利用JQuery傳送ajax請求進行站內搜尋
前臺程式碼:(注意要匯入JQuery包,在lib中也要匯入gson-x.x.x.jar包) <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> &l
利用JQuery傳送ajax請求進行站內搜尋(Hibernate篇——超簡單系列)
此次任務是簡單的一次hibernate框架小訓練,利用上一篇的專案修改 1.導包,找到Hibernate-release-5.x.x.Final\lib\required下的所有包,copy到專案WEB-INF\lib下 2.開始編寫資料庫表(名字好煩,就亂取了) //建表h
Jquery Ajax傳送請求的方法
1. jQuery load() 方法 $.load(URL,data,callback) 方法是從伺服器載入資料,並且把得到的資料放入被選元素中 a. url是要訪問的地址。 b. 可選引數data是與請求一同傳送的查詢字串鍵/值對集合。 c.
ReactJS之利用axios傳送請求完成介面渲染程式碼示例
"<!-- SC_OFF --><div class=\"md\"><p>I have been following <a href=\"/r/reactjs\">r/reactjs<
利用jquery的ajax實現非同步請求傳送資料到後臺
很多時候,作為一個使用者在前臺操作的時候,處理資料的時候並不一定要後臺實時處理然後再返回訊息,這樣,我們可以實用jquery的$.ajax方法實現非同步請求,在頁面不重新整理的情況下,將資料傳到後臺,
利用ES6-Promise()方法封裝原始jsonp實現跨域請求公用方法(告別使用JQuery封裝好的jsonp)
在專案中,經常需要用到jsonp實現跨域請求,假如使用JQuery封裝好的jsonp方法,是很容易實現的,缺點:需要引入JQuery庫。 $.ajax({ url : './package.json', type : 'get',
C#利用TCP傳送各種文件的腳本 listener&&client
res flush div amp write over 圖片 sta get using System; using System.Collections.Generic; using System.IO; using System.Linq; using System
HTML編程之利用jquery制作長圖動畫的方法
mouse -- 實現 存在 動畫 編程開發 ++ 利用 都是 在網站前端編程開發中,我們經常會遇到需要將圖片設置為背景圖,當鼠標移入時利用setTimeout定時器去控制改變background-position使得圖片逐幀向上移動,鼠標移除則控制向下移動,但要註意在鼠標
java程式碼利用RestTemplate模擬http傳送請求
我這邊用SpringBoot來配置RestTemplate 直接上程式碼,先是配置類 /** * Description: httpApiConfig, 用於restTemplate * User: zhouzhou * Date: 2018-09-14 * Time: 13:25 *
vue專案中實現新增收藏的功能,以及利用vue-resource傳送請求
1.新增收藏功能 建立一張表,儲存歌手id,使用者id,利用外來鍵將歌手錶與使用者表關聯起來。如果新增收藏之後,為該使用者新增一條資料,取消收藏後,將該條資料刪除。 當用戶登入之後才能顯示歌手列表中該使用者已經收藏過的歌手,然後將這些收
前端向後端傳送請求,後端返回的一個值的請求的store方法
//前端js程式碼 1 var store = Ext.create(util.getCodeGenerate1ClassName('延續食品經營許可申請','store'), { 2 httpGetRequestExParams: { /
Python爬蟲處理JS翻頁的一種方法,利用Ajax非同步請求
前端方面知識不是很好,只是想解決有關Python爬蟲翻頁的問題 =。= 如有不對,還望指正 瀏覽器:Google 利用區域性更新這種翻頁的方式,同樣需要進行一個url請求,因此我們的目的就是找到這個url 1.分析 如圖所示,頁面翻頁採用了JS的方法 &nb
jQuery獲取兄弟元素的各種方法總結
1.next();//獲取當前元素的下一個兄弟元素 2.nextAll();//獲取當前元素後面所有的兄弟元素 3.prev();//獲取當前元素的前一個兄弟元素 4.prevAll();//獲取當前元素前面的所有兄弟元素 5.siblings();//獲取當前元素的所有兄弟元素 6.chi
原生JS替代jQuery的各種方法彙總
前端發展很快,現代瀏覽器原生 API 已經足夠好用。我們並不需要為了操作 DOM、Event 等再學習一下 jQuery 的 API。同時由於 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用場景大大減少。本專案總結了大部分 jQuery API 替代的方
jquery 實現動畫效果(各種方法)
asc func 綜合 oat 代碼 jquer 一秒 遞歸 pan 1.show()和hide()和toggle()(這是show和hide的一個綜合,一個按鈕就實現顯示和隱藏) 效果: 代碼: <button type="button" class="show"
TP-LINK 傳送請求失敗解決方法
我的TP-LINK 路由器不能更新,也不能登入ID,提示“傳送請求失敗” 一、檢查DNS是否可以解析TP-LINK域名 命令列輸入以下命令: nslookup devs.tplinkcloud.com.cn 如果最後顯示了IP,則證明電腦DNS設定正確, 如果不能顯示任何IP,則
如何利用fiddler篡改傳送請求和擷取伺服器資訊
一、斷點的兩種方式 1、before response:在request請求未到達伺服器之前打斷 2、after response:在伺服器響應之後打斷 二、全域性打斷 1、全域性打斷就是中斷fiddler捕獲的所有請求,設定:rules>automatic breakpoint>befo
使用jQuery傳送AJAX請求時在header中新增Token
在前後端分離開發中,使用者登入時迴向後臺請求一個令牌來做使用者的身份驗證,之後的每次請求中,HTTP請求頭都要攜帶上這個道理,我是閒的程式碼如下: $.ajax({ headers: { "token":userToken//此處放置請
原生js替換jQuery各種方法-中文版
You Don't Need jQuery 前端發展很快,現代瀏覽器原生 API 已經足夠好用。我們並不需要為了操作 DOM、Event 等再學習一下 jQuery 的 API。同時由於 React、Angular、Vue 等框架的流行,直接操作 DOM