Jquery | ajax

jq实现循环加载自定义属性的数据

$(this).parent().prevAll().each(function () {
                var text =$(this).text()
                var name =$(this).attr('title')

                $('.modal input[name="'+name+'"]').val(text);
            })

原生ajax

xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")

contentType: "application/x-www-form-urlencoded",

不同版本的XMLHttpRequest

 function createXMLHttpRequest() {
        var xmlHttp;
        // 适用于大多数浏览器，以及IE7和IE更高版本
        try{
            xmlHttp = new XMLHttpRequest();
        } catch (e) {
            // 适用于IE6
            try {
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                // 适用于IE5.5，以及IE更早版本
                try{
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e){}
            }
        }
        return xmlHttp;
    };

获取input数据

var value = $('.modal input[name="caption"]').val()

事件委托，即使动态的添加td的时候也可以相应的绑定click事件

$('td').on('click','#btn_del',function () {
            $('.remove,.shade').removeClass("hide")
        })

select：

function bindRemoveCls() {
    $('#removeCls').click(function () {
        var options = $('#sel')[0].selectedOptions;
        while(options.length>0){
            $(options[0]).appendTo('#none');
        }

    })
}

添加img

var img = document.createElement('img');

document.getElementById("pic").appendChild(img);
$('#pic').append(img)

在表单之后添加数据

var tag = document.createElement('span');

 $("input[name='" + k +"']").after(tag);

 

基于ifram实现照片的上传

 <h1>基于iframe实现form提交</h1>
    <form action="/upload/" method="post" target="iframe_1" enctype="multipart/form-data">
        <input type="file" name="fafafa" />
        <input type="submit" />
        <iframe style="" name="iframe_1"  id='if_1' onload="loadIframe()"></iframe>
    </form>



 function loadIframe() {
        console.log(1);
        // 获取iframe内部的内容
        var str_json = $('#if_1').contents().find('body').text();
        var obj = JSON.parse(str_json);

        if (obj.status){
            var img = document.createElement('img');
            img.src = "/" + obj.path;
            $('#pic').append(img);
        }
    }

 

 jq添加input数据到字典

var post_dict = {};
            $('#model_register input').each(function(){
                post_dict[$(this).attr("name")] = $(this).val();
            });

 jq清空数据

$('#register_error_summary').empty();

 ajax使用csrf约束需添加的数据头

$(function () {
        var csrftoken = $.cookie('csrftoken');

        function csrfSafeMethod(method) {
            // these HTTP methods do not require CSRF protection
            return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
        }
        $.ajaxSetup({
            beforeSend: function(xhr, settings) {
                if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
                    xhr.setRequestHeader("X-CSRFToken", csrftoken);
                }
            }
        });
    });