Angular>>$http 与 jQuery>>$.Ajax 比较

公共约定

            // 包含传递进来的信息,以及此页面的状态
            $scope.pageState = {
                EditType: $location.search().EditType,//取值范围:Modify、 Create
                IsModify: ($location.search().EditType == "Modify"),
                method: ($location.search().EditType == "Modify") ? ‘put‘ : ‘post‘,
                id: $location.search().id,

            };

Angular

                //执行
                $http({
                    method: ‘get‘,
                    url: "/HandlerApi.GetApiJson.tclywork?ApiPath=Test/Get",
                    params: { OrgName: curElement.val() },
                    headers: { ‘Content-Type‘: ‘application/x-www-form-urlencoded‘ }
                })
                    .success(function (data, status, headers, config) {
                        if (data.code == 200) {
                            $scope.CompanyList = data.data;
                        }
                    })
                    .error(function (data, status, headers, config) {

                    });
                //执行
                $http({
                    method: $scope.pageState.method,// ‘get‘,
                    url: "/HandlerApi.GetApiJson.tclywork?ApiPath=Test/Get",
                    params: $scope.modelOrg,
                    headers: { ‘Content-Type‘: ‘application/x-www-form-urlencoded‘ }
                })
                    .success(function (data, status, headers, config) {
                        if (data.code == 200) {
                            $scope.modelOrg = data.data;
                        }
                    })
                    .error(function (data, status, headers, config) {

                    });

jQuery

                    var timestamp = new Date().getTime();
                    var data = new FormData();
                    data.append("file", files);
                    data.append("key", timestamp);
                    // data.append("token", $scope.uptoken);
                    $.ajax({
                        data: data,
                        type: "POST",
                        url: "/HandlerApi.GetApiJson.Tclywork?ApiPath=Upload/Post&client_id=ba1deb01b25f4620ae04904daefed646",
                        cache: false,
                        contentType: false,
                        processData: false,
                        success: function (data) {
                            console.log("success:");
                            console.log(data);
                            var odata = JSON.parse(data);
                            console.log(odata);
                            if (odata.code == 200) {
                                console.log(odata.code);
                                var url = odata.data.AssetUrl;
                                var filename = odata.data.AssetName;
                                $(".summernote").summernote(‘insertImage‘, url, filename);//此种解决方案并不符合Angular风格,插入节点
                                //  var editor = $.summernote.eventHandler.getModule();
                                //  editor.insertImage($scope.summernote.editable, $scope.prefix + ‘/‘ + data.key);
                            }
                            else {
                                console.log(odata.msg);
                            };

                        },
                        error: function () {
                            console.log("failed:")

                        }
                    });
时间: 2024-10-12 02:25:06

Angular>>$http 与 jQuery>>$.Ajax 比较的相关文章

妥善的ajax跨域提交post请求的解决方案,结合PHP与jquery

开发背景: 在开发中采用了一个新的架构,将大部分客户的留言功能集成到一个公共API提交保存,采用不同的用户名区分,供客户查询自己网站的留言,这样节约了客户网站的资源,也提升了维护性. 那么在提交时不能采用直接的post提交,否则会产生跳转,使访客混乱,所以采用ajax提交留言内容至公共服务器:http://wx.igooda.cn/index.php/messagesave,但尝试后发现不能提交post请求,百度后查询结果是跨域只能是get请求,这对留言内容多的来说,是不可行的.还有一种解决方案

032.Ajax+Json+Jquery

AjjA: AjaxJ: JSONJ: jQuery -----------------------------------------------JSONJavascript Object NotationJS对象标记 class User{ public int Id{get;set;} public string Name{get;set;} public string Phone{get;set;} // public string HomeAddress{get;set;} // pu

Struts Work With AJAX ON JQUERY

原文地址:http://blog.csdn.net/zhqingyun163/article/details/5208766 项目中想用ajax,于是在网上扒了n多资料,犯了n多错误,从今天上班到现在一直在处理这个问题,终于还是把它解决了. 当我看到页面的ajax显示后,我兴奋异常,为了记录自己学习的ajax历程,也为了让更多的人少走弯路,特写此一文以记之! 废话不说了,为了更好的理解,我重做了一个小的项目,以加深印象.现在就以这个小项目开始我们的ajax之旅. 第一步:创建 名为"ajax&q

Ajax,纯Js+Jquery

AJAX:Asynchronous Javascript and xml 异步,Js和Xml 交互式网页开发 不刷新页面,与服务器交互 详情请参照Jquery工具指南用在浏览器端的技术,无刷新,通过XmlHttpRequest访问页面纯js版---------- if(XmlHttpRequest){ //判断是否支持XmlHttpRequest xhr= new XmlHttpRequest(); // 创建XmlHttpRequest对象 } else{ xhr= new Activexob

Ajax post / get / jquery 实现

今天研究ajax,如下: Ajax get: 前台: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charse

Struts2对AJax的支持(使用JQuery)

使用stream类型的Result实现Ajax 1.视图:test.jsp <%-- Created by IntelliJ IDEA. User: dong Date: 15-4-22 Time: 下午3:26 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="

ajax和jquery

ajax的定义: AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和XML(标准通用标记语言的子集). AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网

简述什么是ajax、javascript、json、Jquery?

什么是Javascript? 基于对象.解释型.事件驱动.脚本语言.封装在<script>标签中使用.弱类型.与浏览器交互执行 什么 是Ajax? ajax是一种编程模式.在客户端与服务器进行异步通信时,动态的进行局部刷新,获取服务端的数据 什么是Json? Json是JS对象标记,是一种轻量级的数据交换技术,本质上就是用Js书写的具有特殊格式的字符片段 什么是Jquery? JQuery是第三方开源组织对js进行部分封装款主流浏览器的的实用库, 我们只要按照JQuery的规则去编写代码,就能

Ajax和Json实现后台传集合给前台并赋值文本框-----Ajax\Json\JQuery

功能:放两个文本框和一个确定按钮,确定按钮绑定点击事件,点击确定就加载后台数据库中的数据,显示在文本框中. 基础知识:JQuery  ajax异步 .eval() .each() json数据 1.HTML文件 <div id="Text"> <input type="text" id="comment1" name="t_A21" numberID="one" value="&

前端学习笔记--9/5~13/5 Ajax, jQuery

周末没有写本周的总结,今天再补上.顺别计划一下这周的学习内容. 上周说的计划本周做一些HTML+CSS+JS的小demo,但是我并没有去做.准确的说,上周基本上我只有星期一到星期三是全力开赴学习的,星期四的晚上熬了一天的夜,从此一直到今天都没有觉得补回来了,依旧是这么的困.周末也是因为这个原因,所以几乎没有学习,就在家睡过去了.果然是人老了精神跟不上了么.气哭. 赶紧开始总结吧.... Ajax JS和ajax jQuery之间的关系. 1. JS是一门前端语言 2. ajax是一门技术,提供一