`

标准coffeescript 调用ajax

阅读更多
$.ajax '/',
    type: 'GET'
    dataType: 'html'
    error: (jqXHR, textStatus, errorThrown) ->
        $('body').append "AJAX Error: #{textStatus}"
    success: (data, textStatus, jqXHR) ->
        $('body').append "Successful AJAX call: #{data}"


单个select的调用
  $(document).ready(function() {

    $('#display_arms').change(function(){
      $.ajax({url: 'YOUR URL',
        data: 'display_arms=' + value,
        success: function(data){
          $('#display_arms').html(data);
          }
      })
    });
  });

一组select的onchange
$("form.submit_on_change").each(function(idx,form){
  $(form).find("select,input").each(function(idx,element){
    $(element).change(function(){
      $(form).submit();
      return false;
    });
  });
});


function PopulateDropdown() {
    $.ajax({
        type: "POST",
        url: "../CommonWebService.asmx/GetData",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            $("select[id^='MyDropDown']").empty();
            $.each(msg.d, function () {
                $("select[id^='MyDropDownSelect']").append($("<option></option>").val(this['IdIndexDataType']).html(this['DataTypeName']));
            }); 
            $("select[id^='MyDropDown']").css("width", "auto");  
        },
        error: function (e1) {
            alert("Error - " + e1.toString());
        }
    });
}


function badFixSelectBoxDataWidthIE() {
    if ($.browser.msie) {
        $('select').each(function() {
            if($(this).attr('multiple') == false) {
                $(this).mousedown(function() {
                    if($(this).css("width") != "auto") {
                        var width = $(this).width();
                        $(this).data("origWidth", $(this).css("width")).css("width", "auto");

                        // If the width is now less than before then undo
                        if($(this).width() < width) {
                            $(this).unbind('mousedown');
                            $(this).css("width", $(this).data("origWidth"));
                        }
                    }
                })

                // Handle blur if the user does not change the value
                .blur(function() {
                    $(this).css("width", $(this).data("origWidth"));
                })

                // Handle change of the user does change the value
                .change(function() {
                    $(this).css("width", $(this).data("origWidth"));
                });
            }
        });
    }
}


if (jQuery.browser.msie) {
  jQuery('#mySelect').focus(function() {
    jQuery(this).width('auto');
  }).bind('blur change', function() {
    jQuery(this).width('100%');
  });
};
分享到:
评论

相关推荐

    [The.Little.Book.on.CoffeeScript(2012.01)

    2. **CoffeeScript的基本语法**:书中详细介绍了CoffeeScript的基础语法,包括变量声明(`a = b`)、函数定义(`-&gt;` 和 `=&gt;`)、类定义(`class`关键字)、链式调用(`.then .andThen .etc.`)以及列表推导(类似...

    CoffeeScript Programming with jQuery, Rails, and Node.js.pdf 下载

    它引入了诸如模式匹配、链式调用、数组解构等现代编程特性,使得编写复杂的Web应用程序变得更加高效。 ### 二、CoffeeScript与jQuery的结合 jQuery是全球最受欢迎的JavaScript库之一,用于简化HTML文档遍历、事件...

    jquery coffeescript制作iphone苹果手机主..

    CoffeeScript的语法特点如函数表达式、类定义和链式调用等,有助于提高代码的可读性和可维护性。 【iPhone苹果手机主题效果】: 实现iPhone苹果手机主题效果主要包括以下几个方面: 1. **布局**:模拟iPhone的网格...

    coffeescript_cookbook

    例如,在处理一些复杂的浏览器兼容性问题时,可能需要直接调用JavaScript库或者函数。 接着,书中讨论了如何在CoffeeScript中比较范围。范围是一个非常有用的特性,它允许开发者简单地表示一系列连续的数字或者字符...

    trackapp:使用Ruby on Rails 4,AJAX,CoffeeScript,Slim和Sass的单​​页应用程序

    3. RESTful API:通过控制器暴露API端点,以便AJAX调用更新和获取数据。 4. 前端路由:使用Rails的果酱路由(Jammit)或Webpacker打包静态资源,并配合Rails路由实现前端导航。 5. 数据存储:可能使用SQLite、...

    苹果iPhone手机桌面滑动效果模板.zip

    CoffeeScript提供了一种更易读、更简洁的语法,例如类、闭包和链式调用等特性,使得编写JavaScript变得更加直观。在苹果iPhone手机桌面滑动效果模板中,CoffeeScript可能被用来简化和组织复杂的触摸事件处理和动画...

    mytodo:我的待办事项清单,写在 Nodejs+CoffeeScript+Express+Jade+MongoDB+mongoskin+jQuery+Underscore+Backbone

    7. **jQuery**:是一个广泛使用的JavaScript库,简化了DOM操作、事件处理和Ajax交互。在本应用中,jQuery可能被用来处理用户界面的动态更新和交互。 8. **Underscore**:是一个JavaScript实用库,提供了许多函数式...

    MyBlog:csell.net 博客

    7. **实际应用**:通过阅读和分析博客中的示例代码,我们可以看到CoffeeScript在实际项目中的应用,比如前端框架的封装、模块化编程、AJAX请求处理等。 8. **与其他技术的集成**:博客中可能涵盖了CoffeeScript与...

    confur-admin-frontend:Confur Admin API的前端

    CoffeeScript的特性,如类、函数表达式、链式调用等,可以使代码更加简洁和易读,但同时也需要开发者熟悉CoffeeScript的语法和转换规则。 6. **版本控制**:考虑到文件名称包含"master",这可能表明项目使用了Git...

    fluent-async:从 Caolan 到 Async Auto 的流畅接口

    但是,我对 API 有一些问题: 函数需要以非节点标准的方式提供,例如function(callback, data) {}我宁愿拥有function(data, callback){} 是jQuery Ajax按对象风格配置,而不是jQuery fluent dom操作风格按对象进行...

    jquery.waterfall:连续运行参数中给出的函数,每个函数将其结果传递给下一个函数

    如何使用连续调用 3 个请求: $.waterfall(function() { $.ajax({url : first_url}) },function() { $.ajax({url : second_url}) },function() { $.ajax({url : another_url}) }).fail(function(error) {console.log...

    应用rails进行敏捷Web开发·第二版源代码

    通过分析源码,我们可以学习如何组织资产文件,以及如何使用Sass、CoffeeScript等预处理器。 最后,Rails对AJAX的支持使得Web应用可以实现无刷新更新,提升用户体验。源码中可能会有利用jQuery或其他JavaScript库...

    oriDomi::world_map:像纸一样折叠DOM元素

    jQuery是广泛使用的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互。oriDomi利用jQuery来处理DOM操作,快速选择和操作元素,以及处理用户与折叠元素的交互。 在oriDomi的实现中,你可以选择不同的...

    graph-maker:用于制作图形数据结构的 UI

    3. **jQuery**: jQuery是一个流行的JavaScript库,简化了DOM操作、事件处理、动画和Ajax交互。它的出现极大地提高了JavaScript开发的效率。 4. **图形数据结构**: 图形数据结构是一种非线性的数据结构,包括节点...

    源代码 for web开发敏捷之道:应用rails进行敏捷web开发(原书第4版)

    11. **AJAX和JavaScript**:了解如何在Rails中集成异步请求,以及使用CoffeeScript或jQuery增强用户体验。 通过这些源代码,读者可以对照书中内容,逐步实现各个功能模块,遇到问题时可以直接查看代码实例,进行...

    可拖拽文件的jQuery文件上传控件美化插件

    jQuery是Web开发中广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互。在`dropify`中,jQuery被用来处理文件上传的逻辑,如监听拖放事件、获取文件信息、展示上传进度等。利用jQuery的链式调用...

    bootstrap-fileinput-5.1.4.zip

    4. `src/`:源代码目录,包含了未编译的Sass和CoffeeScript文件,对于想要修改或扩展插件功能的开发者来说,这是一个重要的资源。 5. `img/`:存储了插件所需的图片资源,如图标和其他图形。 6. `demo.html`:演示...

    coffee--shop

    5. **AJAX**:Asynchronous JavaScript and XML,虽然现在更常用于JSON,但AJAX允许不刷新整个页面的情况下更新部分内容,提高用户体验。 6. **Node.js**:JavaScript也可用于服务器端编程,Node.js是一个基于...

Global site tag (gtag.js) - Google Analytics