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);

    }
时间: 2024-10-10 16:22:05

Jquery.Ajax的使用方法(自己已经实践过可行)的相关文章

jQuery ajax中serialize()方法增加其他参数

使用jQuery.ajax()进行表单提交时,需要传递参数,最直接的方法便是使用Form的serializa()将表单序列化,前提只是将Form表单中的name属性与数据库的字段名保持一致便可:但如果遇到再次往其中增加参数的状况呢,我们该如何处理? First: 其实,jQuery ajax的serialize() 方法是将表单序列化为键值对(key1=value1&key2=value2-)后提交,使用标准的 URL-encoded 编码表示文本字符串,而jQuery ajax-param()

asp.net如何在前台利用jquery Ajax调用后台方法

一 :最近因为帮同事开发项目使用到了asp.net,而我又想实现Ajax异步请求....从网上查询了一下资料之后,原来在asp.net中利用Ajax调用后台方法同样很简单,为了便于自己以后查看,特将此整理后记录如下 先贴上前台代码如下: 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="aspnetAjax.In

解决:jQuery ajax 请求后台方法返回当前aspx源码问题

最近接了个私活,是在原来Asp.Net架构基础上添加一些功能,使用的jQuery是1.6.2版本,废话不多说,直接上代码 前台代码 $.ajax({ type: "POST", url: "MyPhotoList.aspx/btnSelectClick", contentType: "application/json", data: "{'photoName':'" + currentPhotoName + "','

浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法(转载)

在调用一个jquery的ajax方法时我们有时会需要该方法返回一个值或者给某个全局变量赋值,可是我们发现程序执行完后并没有获取到我们想要的值,这时很有可能是因为你用的是ajax的异步调用async:true(默认情况),如: 复制代码 代码如下: function ManageCommentText(text) {var result = text;$.ajax({data: "get",url: "GetComments.aspx",data: "typ

jquery + ajax调用后台方法

前台js: var parameter = ""; $.ajax({ type: "POST", //提交方式 url: "Default.aspx/Search", //提交的页面/方法名 data: "{text:'" + parameter + "'}", contentType: "application/json", //返回json数据 success: function(d

jQuery ajax用get方法传递给api数组

在$.ajax中添加属性:traditional: true, 默认的话,traditional为false,即jquery会深度序列化参数对象,以适应如PHP和Ruby on Rails框架, 但servelt api无法处理,我们可以通过设置traditional 为true阻止深度序列化,然后序列化结果如下: p: ["123", "456", "789"]    =>    p=123&p=456&p=456

Asp.Net+JQuery.Ajax之$.post

前段时间有点跑偏,经过米老师和师傅的耐心指导,终于认识到自己的问题,现在回归常规路线,继续B/S的学习. 经过近半个月的熏陶,对JQuery慢慢的有了亲切感.当时我采访过一清,问他看完JQuery视频有什么感觉,一清说:"能听懂,能看懂,自己做不知道从哪下手".这可能是大多数初学者的苦衷,现在我用一个简单的登录页面,帮助大家进一步理解JQuery.Ajax的工作原理. 首先我们制作一个html页面,用于和用户交互,代码如下: <!DOCTYPE html PUBLIC "

jQuery Ajax用法详解

[详解]jquery  ajax在web应用开发中常用,主要包括有ajax,get,post,load,getscript等这几种常用无刷新操作方法,下面来给大家介绍一下.我们首先先从最简单的方法看起. 我们先从最简单的方法看起,处理复杂的ajax请求时,jquery使用jquery.ajax()方法进行处理,在jquery中有一些简单的方法,他对jquery.ajax()方法进行了封装,是的我们在处理一些简单的ajax事件时,不需要使用jquery.ajax()方法,其中有些方法在之前的文章已

Jquery ajax 学习笔记

本人的js & jq 一直是菜鸟级别,最近不忙就看了看ajax方面的知识,文中部分内容参考自这里&这里 之前一直用js写ajax现在基于jq实现方便多了~ $.get & $.post 和 $.ajax的区别 之前看过同事写过$.post,而我一直用$.ajax,后来才知道$.get()和$.post()都是通过get和post方式来进行异步,$.ajax()说是jquery最底层的ajax实现的,这里我们使用$.ajax的方式实现. 调用无参方法 1 2 3 4 5 6 7 8