Jquery.Ajax的使用方法
1.Get
$('.manager_republish.notVIP').click(function () {
$.ajax({
async: false,
type: "get",
url: '@Url.Action("NeedVipPermisson", "MessageDialog", new { area = "Default", Title = "非VIP企业", Content = "此职位不属于VIP企业,不能重新发布" })',
success: function (data) { ShowMessageModelDialog(data)},
error: function (jqXHR, textStatus, errorThrown) {
alert("出错了" + textStatus + " " + errorThrown);
}
});
});
2.Post
$.ajax({
async: false,
dataType: "JSON",
contentType: "Application/json",
type: "post",
url: "../../Control/Webservice/changeInfo.asmx/Insertdata",
data: "{'user_Name':'"+user_name+"','stu_id':'" + stu_id.val() + "','stu_name':'" + stu_name.val() + "','stu_major':'" + stu_major.val()
+ "','stu_dept':'"+stu_dept.val()+"'}",
suceess: function(data) {
alert(data.d);
},
error: function() {
alert("chucuole");
}
});
3.Get的优雅用法
$.getJSON('/Enterprise/Default/DeleteJob?id=' + key,
function (data) {
if (data.isSuccess) { $('.Jobkey' + key).remove(); }
else {
alert(data.msg);
}
});
4.post的另一种用法
function ReloadCities() {
var $ddlCity = $("#ddlCity");
var selec = $("#ddlProvince").val();
if (selec) {
$ddlCity.find("option").remove();
var url = "@(Url.Action("CityListByProvinceId", "Enterprise", new { area = "Admin" }))";
$.post(url, { 'id': selec }, function (data) {
for (var i = 1; i < data.length; i++) {
$($ddlCity).append($("<option></option>").text(data[i].addressName).val(data[i].addressId))
}
}, "json");
}
else {
$ddlCity.find("option").remove();
$("<option></option>").val("").text("--请选择--").appendTo($ddlCity);
}
}
5.load
$('#tabs-2').load('Temp_login.html', function (responseText, textStatus) {
if (textStatus === "success") {
$('#tabs-2 .form-actions .primary').attr("id", "tea_login");
$("#tea_login").click(tea);
}
6.ajax注意事项
function SendResume(jobId) {
var resumeSendInfo = {};
resumeSendInfo.Subject = $("#post_resume_subject").val();
resumeSendInfo.Body = $("#post_resume_content").val();
$.ajax({
url: '/Resume/Ajax/Send?Id='+jobId,
data: JSON.stringify(resumeSendInfo),
type: 'post',
dataType: "json",
contentType: 'application/json;charset=UTF-8',
cache: false,
beforeSend: function(){
$("#btnSendResume").attr("disabled", "disabled");
$("#send_state").html("正在投递中...");
},
success: function (data) {
//do something
},
error: function (xhr) {
$("#btn_post_resume").html(xhr.responseText);
},
complete: function () {
$("#btnSendResume").removeAttr("disabled");
$("#send_state").text('');
}
});
在后台接受的方法中需要加上[frombody]特性
public async Task<ActionResult> Send(long id, [FromBody]ResumeSendInfo sendInfo)
{
//other Code
}
$("#HotJobs").load("/Offer/Ajax/HotJobsByCity?id="+'@(Model.AddressId)');
Jquery.Ajax的使用方法的更多相关文章
- jquery Ajax请求示例,jquery Ajax基本请求方法示例
jquery Ajax请求示例,jquery Ajax基本请求方法示例 ================================ ©Copyright 蕃薯耀 2018年5月7日 https: ...
- jQuery ajax中serialize()方法增加其他参数
表单提交 使用jQuery.ajax()进行表单提交时,需要传递参数,最直接的方法便是使用Form的serializa()将表单序列化,前提只是将Form表单中的name属性与数据库的字段名保持一致便 ...
- jquery ajax缓存问题解决方法小结
今天在做一个ajax数据提交功能开始利用get方式一直发现提交的数据都是一样,返回的数据也很久不刷新了,这个我知道是ajax缓存问题,后来在网上整理了一些ajax缓存问题解决方法,下面给大家分享一下. ...
- asp.net如何在前台利用jquery Ajax调用后台方法
一 :最近因为帮同事开发项目使用到了asp.net,而我又想实现Ajax异步请求....从网上查询了一下资料之后,原来在asp.net中利用Ajax调用后台方法同样很简单,为了便于自己以后查看,特将此 ...
- 浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法(转载)
在调用一个jquery的ajax方法时我们有时会需要该方法返回一个值或者给某个全局变量赋值,可是我们发现程序执行完后并没有获取到我们想要的值,这时很有可能是因为你用的是ajax的异步调用async:t ...
- jQuery Ajax之load()方法
jQuery对Ajax操作进行了封装,在jQuery中$.ajax()方法属于最底层的方法,第2层是load().$.get()和$.post()方法,第3层是$.getScript()和$.getJ ...
- 转载:jquery.ajax之beforeSend方法使用介绍
常见的一种效果,在用ajax请求时,没有返回前会出现前出现一个转动的loading小图标或者“内容加载中..”,用来告知用户正在请求数据.这个就可以用beforeSend方法来实现. 下载demo:a ...
- jquery.ajax之beforeSend方法使用介绍
常见的一种效果,在用ajax请求时,没有返回前会出现前出现一个转动的loading小图标或者“内容加载中..”,用来告知用户正在请求数据.这个就可以用beforeSend方法来实现. 下载demo:a ...
- jquery + ajax调用后台方法
前台js: var parameter = ""; $.ajax({ type: "POST", //提交方式 url: "Default.aspx/ ...
随机推荐
- U盘格式和对齐扇数(常识)
一.文件系统常见的四种格式:FAT16.FAT32.NTFS.ExFAT. 虽然四种文件系统的存储方式和特性各不相同,但对于传输速度并不快的存储卡和U盘来说, 实际传输性能却大同小异,理论测试数据相差 ...
- webdriver元素定位
#1 通过id定位 driver.find_element_by_id("pop_setting_save").click() #2 通过name定位 driver.find_el ...
- 如何将常规的web 应用程序转化为云上多租户 SaaS 解决方案
如何将web 应用程序转化为多租户 SaaS 解决方案 https://www.ibm.com/developerworks/cn/cloud/library/cl-multitenantsaas/i ...
- js禁用后退
history.pushState(null, null, document.URL); window.addEventListener('popstate', function() ...
- BZOJ4565 [Haoi2016]字符合并
题意 有一个长度为\(n\)的\(01\)串,你可以每次将相邻的\(k\)个字符合并,得到一个新的字符并获得一定分数.得到的新字符和分数由这\(k\)个字符确定.你需要求出你能获得的最大分数. \(n ...
- dict 没有 key 的情况
如何处理, 请参考下文, 主要是要理解思路, https://www.polarxiong.com/archives/Python-%E6%93%8D%E4%BD%9Cdict%E6%97%B6%E ...
- python 开始学习
"人生苦短, 我用python" ---------以此敬意伟大的生产力创造!
- python模块--time模块
1.时间戳 import time #------->> 时间戳 print(time.time()) 1525418832.2835853 2.结构化时间 #------->> ...
- web 前端 html
1,什么是web 在网络中,大量的数据需要有一个载体,而很多人都能够访问这个载体,利用浏览器的这个窗口链接一个有一个载体,这个载体就是网站也就是web的前身. 1,web标准:结构标准,表现标准,行为 ...
- 在AWS EMR上运行Map Reduce的Java示例程序 及 操作小计
下面的代码中AffairClient类中包含了三个内之类,分别对应于Hadoop Mapreduce程序运行所需的Mapper类,Reducer类,和主类.AffairClient类中其余方法用于配置 ...