zoukankan      html  css  js  c++  java
  • JQuery笔记

    1.$.get('路由匹配地址(注意'/',绝对匹配)',{'':''传递的方式以键值对传送},function(data,'指回调一个返回值'),'json'以josn形式)
    
    # get请求格式  $.get('/api2/tag/delete/',{'id':id},function(data){},'json')
    # post请求格式  $.post('/api2/tag/update/',{'id':tid},function(data){},'json')
    
    2.常用的基本语法
    1).attr表示在一个div或别的标签里把需要的属性拿出来
    	var tid = $('#myupdateModaltag').attr('tid')
        
    2).	将我们获取到的id塞进目标标签里(左,属性名,右,值)
    	$('#myupdateModaltag').attr('tid',id);
        
    3). 抓住目标标签用 modal('show')给显示出来
    	$('#myupdateModaltag').modal('show')
        
    4). val()表示可以往input框里面赋值
    	$('.tag_name').val(data.message.name)
        
    5). val() 表示可以从input框取值
    	var status = $('.tagstatus').val()
        
    6). find('option':'selected').val()  表示在下拉菜单里获取到选中的值(.tagstatus是定位在select标签里,option里的value值必须有id值)
    	var status = $('.tagstatus').find('option:selected').val()
        
    7). 在抓住一个标签我们可以用html直接进行赋值
    	$('.modal-footer').html(dd)
        
    8). 页面强制刷新
    	location.reload()
        
    9). 成功跳转
    	location.href = '/api2/courser/'
    
    10). 获取图片
    	   var img = $('#exampleInputFilepro').get(0).files[0];
        发送数据样式
         //点击修改
          function submit(){
            var id = $('#myupdateModalpro').attr('pid')
            var sta = $('.prostatus').find('option:selected').val();
            var img = $('#exampleInputFilepro').get(0).files[0];
            var form = new FormData()
            form.append('id',id)
            form.append('sta',sta)
            form.append('img',img)
            $.ajax({
              url:'/api2/proview/update/',
              method:'post',
              data:form,
              processData:false,
              contentType:false,
              dataType:'json',
              success:function(data){
                if(data.code==200){
                  location.reload()
                }else{
                  var err = '<h2>'+data.message+'</h2>'
                  $('.myupdateModalpro').html(err)}}})
    
  • 相关阅读:
    css定位
    盒子模型
    操作边框的属性
    操作表格的属性
    常用css样式
    选择器
    编写css代码的方式
    javascript DOM 共同父节点
    最大子段和问题
    regexp 正则表达式
  • 原文地址:https://www.cnblogs.com/xinzaiyuan/p/12155273.html
Copyright © 2011-2022 走看看