精华内容
下载资源
问答
  • 注意:如果该请求查询数据需要较多时间,前端需要做显示上的优化,提高用户体验性,这篇文章主要是为了解决...此外:除了a标签以外,form表单提交submit()也能下载文件,但同样无法监听到请求何时完成。经试验$.aja...

    注意:如果该请求查询数据需要较多时间,前端需要做显示上的优化,提高用户体验性,这篇文章主要是为了解决该问题。

    额外话题:本来我是用了a标签特有的download属性来直接请求get请求,这样也能实现下载excel,但无法监听到get请求何时完成,所以我使用了以下的方法来实现下载功能。此外:除了a标签以外,form表单提交submit()也能下载文件,但同样无法监听到请求何时完成。经试验$.ajax{....的方式无法实现下载文件。(如果大家发现了下载文件的好方法,欢迎留言 ^_^,如果我有什么地方不对的,欢迎指正 ^_^)。

    引入了插件:jquery.fileDownload.js

    使用方式:<script>引入:https://cdn.bootcss.com/jquery.fileDownload/1.4.2/jquery.fileDownload.js

    官网地址:https://www.bootcdn.cn/jquery.fileDownload/

    前端html代码:

    <div id="ExcelOperate" class="excelBtn">
       <button type="button" id="ExcelBtn" class="btn btn-primary">导出Excel</button>
       <a href=""  id="ExcelBtnlink" download="data">导出Excel</a>
       <span id="excelNote"></span>
    </div>

    jquery代码:

    var encodeParam = function(json) {
    	var tmps = [];
    	for ( var key in json) {
    		tmps.push(key + '=' + json[key]);
    	}
    	return tmps.join('&');
    }
    var params = {
    	industryId : $('#selectIndustry').val(),
    	companyid : $('#company').val(),
    	provincename : $('#province').val(),
    	cityname: $('#city').val(),
    	countyname:$('#county').val()
    };
    var url=urlPrefix+'/platsafeIndex/ExcelPersondata?'+encodeParam(params);	
    $.fileDownload(url,{
        httpMethod: 'get',
        prepareCallback:function(url){
           $('#ExcelBtn').text('Excel准备中...')
        },
        successCallback:function(url){
           $('#ExcelBtn').text('导出Excel')
        },
       failCallback: function (html, url) {
          $('#ExcelBtn').text('导出Excel')
       }
    });

    后台需注意:在get请求中需添加以下代码:

    response.setHeader("Set-Cookie", "fileDownload=true; path=/");

    示例如下:

    展开全文
  • jquery解析JSON 例子 一: json文件是一种轻量级的数据交互格式。一般在jquery中使用getJSON()方法读取,具体示例代码如下...url:加载的页面地址 data: 可选项,发送到服务器的数据,格式是key/value callba...

       jquery解析JSON

    1.  例子 一:

       json文件是一种轻量级的数据交互格式。一般在jquery中使用getJSON()方法读取,具体示例代码如下,感兴趣的朋友可以参考下哈,希望可以帮助到你

    $.getJSON(url,[data],[callback]) 

    url:加载的页面地址
    data: 可选项,发送到服务器的数据,格式是key/value
    callback:可选项,加载成功后执行的回调函数

    目录结构:

    1.首先建一个JSON格式的文件userinfo.json 保存用户信息。

    如下:

    [
      {
        "name":"张国立",
        "sex":"男",
        "email":"zhangguoli@123.com"
      },
      {
        "name":"张铁林",
        "sex":"男",
        "email":"zhangtieli@123.com"
      },
      {
        "name":"邓婕",
        "sex":"女",
        "email":"zhenjie@123.com"
      }
    ]

    2.其次建一个getUserinfo.html页面用于获取JSON文件里的用户信息数据,并显示 

    代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>getJSON获取数据</title>
        <script type="text/javascript" src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
        <style type="text/css">
            #divframe {
                border: 1px solid #999;
                width: 500px;
                margin: 0 auto;
            }
    
            .loadTitle {
                background: #CCC;
                height: 30px;
            }
        </style>
        <script type="text/javascript">
            $(function () {
                $("#btn").click(function () {
                    $.getJSON("js/userinfo.json", function (data) {
                        var $jsontip = $("#jsonTip");
                        var strHtml = "读取的数据:<br/>";//存储数据的变量
                        $jsontip.empty();//清空内容
                        $.each(data, function (haha, info) {
                            strHtml += "姓名:" + info["name"] + "<br>";
                            strHtml += "性别:" + info["sex"] + "<br>";
                            strHtml += "邮箱:" + info["email"] + "<br>";
                            strHtml += "<hr>"
                        })
                        $jsontip.html(strHtml);//显示处理后的数据
                    })
                })
    
            })
        </script>
    </head>
    <body>
    <div id="divframe">
        <div class="loadTitle">
            <input type="button" value="获取数据" id="btn"/>
        </div>
        <div id="jsonTip">
        </div>
    </div>
    </body>
    </html>

    3.【运行】效果图:

     用浏览器打开getUserinfo.html文件,显示

    参考:

    jQuery中读取json文件示例代码

    使用jQuery解析JSON数据

      2.例子 二

    1.json文件:test.json

    [
      {
        "id": 1,
        "uname":"andy",
        "unumber": 1,
        "courseInfos": [
          {
            "id": 1,
            "cname": "数学",
            "caddress": "1号楼"
          },
          {
            "id": 3,
            "cname": "英语",
            "caddress": "外教楼"
          }
        ]
      },
      {
        "id": 2,
        "uname": "zty",
        "unumber": 2,
        "courseInfos": [
          {
            "id": 2,
            "cname": "化学",
            "caddress": "综合楼"
          },
          {
            "id": 3,
            "cname": "英语",
            "caddress": "外教楼"
          }
        ]
      },
      {
        "id": 3,
        "uname": "巩希波",
        "unumber": 3,
        "courseInfos": []
      },
      {
        "id": 5,
        "uname": "xiaoming",
        "unumber": 4,
        "courseInfos": []
      }
    ]

    2.读取json文件的getUserInfor2.html文件:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>getJSON获取数据</title>
        <script type="text/javascript" src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
        <style type="text/css">
            #divframe {
                border: 1px solid #999;
                width: 500px;
                margin: 0 auto;
            }
    
            .loadTitle {
                background: #CCC;
                height: 30px;
            }
        </style>
        <script type="text/javascript">
            $(function () {
                $("#btn").click(function () {
                    $.getJSON("test.json", function (data) {
                        var $jsontip = $("#jsonTip");
                        var strHtml = "读取的数据:<br/>";//存储数据的变量
                        $jsontip.empty();//清空内容
                        $.each(data, function (haha, info) {
                            strHtml += "姓名:" + info["uname"] + "<br>";
                            strHtml += "id:" + info["id"] + "<br>";
                            var infos = info["courseInfos"];
                            $.each(infos, function (hehe, info2) {
                                strHtml += "科目:" + info2["cname"] + "<br>";
                                strHtml += "教学楼:" + info2["caddress"] + "<br>";
                                strHtml += "<hr>"
                            })
                        })
                        $jsontip.html(strHtml);//显示处理后的数据
                    })
                })
    
            })
        </script>
    </head>
    <body>
    <div id="divframe">
        <div class="loadTitle">
            <input type="button" value="获取数据" id="btn"/>
        </div>
        <div id="jsonTip">
        </div>
    </div>
    </body>
    </html>

    3.用浏览器打开,查看效果图:

    转载于:https://www.cnblogs.com/xiaobijia/p/5633962.html

    展开全文
  • 使用原生的Ajax可以参考我的这一篇博客:详解Ajax实现网页数据异步更新...2.2 一个文件 2.3 解释 3. 效果 4. 拓展说明 4.1. 对txt的文件内容进行过滤 4.2 load方法使用data 4.3.load方法添加回调函数 5. 使用...

    使用原生的Ajax可以参考我的这一篇博客:详解Ajax实现网页数据异步更新并实时自动刷新

    为了使用Ajax,需要解决跨域问题,可以 参考博客

    目录

    1. 目录结构

    2. 代码

    2.1 函数说明

    2.2 一个文件

    2.3 解释

    3. 效果

    4. 拓展说明

    4.1. 对txt的文件内容进行过滤

    4.2 load方法使用data

    4.3.load方法添加回调函数

    5. 使用 get 与 post 方法

    6. 另一种写法:$.ajax() 


    1. 目录结构

    最终运行的文件是learnjQueryQWithAjax.html。 

    2. 代码

    2.1 函数说明

    Ajax提供了一个函数接口load(),这个函数很简单,而且很强大。

    该函数从服务器端拿到指定路径的文件内容,并提供了一整套过滤机制,来保证最终只有用户感兴趣的数据被展示到前端。

    格式:

    $(selector).load(URL, data, callback);

    URL为要加载的数据的路径,为一个String,我用相对路径测试没有问题,用绝对路径测试(在WIN10上)没有读到数据。

    其中data和callback是可选参数,data是指定的要查询的键值对,为一个javascript Object,callback是用户指定的在加载结束之后执行的回调函数为一个function。

     

     

    2.2 一个文件

    <!DOCTYPE html>
    <html>
    <head>
    <script src="./scripts/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
      	// alert("Button clicked");
        // $("#div1").load("./resources/test.txt #p1");   // Get the resources from the file : ./resource/test.txt and load the label with class '#p1';
        $("#div1").load("./resources/test.txt");
        $("#div1").css({'color' : 'red', 'background-color' : 'rgba(128, 128, 182, 0.5)'});
        alert("Ajax loaded!");
      });
    });
    </script>
    </head>
    <body>
    
    <div id="div1"><h2>使用 jQuery AJAX 来改变文本</h2></div>
    <button>获得外部内容</button>
    
    </body>
    </html>
    

    2.3 解释

    $("#div1").load("./resources/test.txt #p1");

     上面这行代码将本地文件'./resources/test.txt'中的 #p1标签的内容加载到当前的页面的具有id === 'div1'的元素上。

     

    3. 效果

    按下按钮之前:

    按下按钮之后:

    4. 拓展说明

    4.1. 对txt的文件内容进行过滤

    指定加载的元素标签

    即使用jQuery进行过滤,仅仅加载指定的内容,此时可以使用指定的标签:

    $("#div1").load("./resources/test.txt #p1");

    此时加载的效果:

    4.2 load方法使用data

    因为data会最终被发送给server,这里我们并没有写server程序,所以加上自己定义的javascript Object发送给服务器程序之后,也不会被处理,但是写了不处理并不会报错,但是会改变数fa据发送的方式:

    如果没有加上这个object发送给服务器,默认采用的数据发送方式为get,加上发送这个object之后默认采用的数据发送方式为post(可以发送更多的数据的方式),例如:

    <!DOCTYPE html>
    <html>
    <head>
    <script src="./scripts/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
      	// alert("Button clicked");
        // $("#div1").load("./resources/test.txt #p1");   // Get the resources from the file : ./resource/test.txt and load the label with class '#p1';
        $("#div1").load("./resources/test.txt #p1", {author:"youheng", age:"21", 'school' : 'HNU'}, function(responseTxt, statusTxt, xhr){
    	    // responseText:请求返回的内容
       		// textStates:请求状态:'success' / 'error' 
       		// XMLHttpRequest:XMLHttpRequest对象
    	    if(statusTxt=="success") {
    	    	alert("外部内容加载成功!");
    	    } else if(statusTxt=="error") {
    	    	alert("Error: "+xhr.status+": "+xhr.statusText);
    	    }
      	});
        $("#div1").css({'color' : 'red', 'background-color' : 'rgba(128, 128, 182, 0.5)'});
        // alert("Ajax loaded!");
      });
    });
    </script>
    </head>
    <body>
    
    <div id="div1"><h2>使用 jQuery AJAX 来改变文本</h2></div>
    <button>获得外部内容</button>
    
    </body>
    </html>
    

     

    4.3.load方法添加回调函数

    <!DOCTYPE html>
    <html>
    <head>
    <script src="./scripts/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
      	// alert("Button clicked");
        // $("#div1").load("./resources/test.txt #p1");   // Get the resources from the file : ./resource/test.txt and load the label with class '#p1';
        $("#div1").load("./resources/test.txt #p1", function(responseTxt, statusTxt, xhr){
    	    // responseText:请求返回的内容
       		// textStates:请求状态:'success' / 'error' 
       		// XMLHttpRequest:XMLHttpRequest对象
    	    if(statusTxt=="success")
    	      alert("外部内容加载成功!");
    	    if(statusTxt=="error")
    	      alert("Error: "+xhr.status+": "+xhr.statusText);
      	});
        $("#div1").css({'color' : 'red', 'background-color' : 'rgba(128, 128, 182, 0.5)'});
        alert("Ajax loaded!");
      });
    });
    </script>
    </head>
    <body>
    
    <div id="div1"><h2>使用 jQuery AJAX 来改变文本</h2></div>
    <button>获得外部内容</button>
    
    </body>
    </html>
    

    效果:

    5. 使用 get 与 post 方法

    <!DOCTYPE html>
    <html>
    <head>
    <script src="./scripts/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
      	
      	// jQuery load function
      	// alert("Button clicked");
        // $("#div1").load("./resources/test.txt #p1");   // Get the resources from the file : ./resource/test.txt and load the label with class '#p1';
        $("#div1").load("./resources/test.txt #p1", {author:"youheng", age:"21", 'school' : 'HNU'}, function(responseTxt, statusTxt, xhr){
    	    // responseText:请求返回的内容
       		// textStates:请求状态:'success' / 'error' 
       		// XMLHttpRequest:XMLHttpRequest对象
    	    if(statusTxt=="success") {
    	    	alert("外部内容加载成功!");
    	    } else if(statusTxt=="error") {
    	    	alert("Error: "+xhr.status+": "+xhr.statusText);
    	    }
      	});
    
    
        $("#div1").css({'color' : 'red', 'background-color' : 'rgba(128, 128, 182, 0.5)'});
        
        // jQuery get method
        // format : $.get(URL,callback);
    	$.get("./resources/test.txt", function(data,status){
    		alert("From get Method : Data: " + data + "\nStatus: " + status);
    	});
    	
    
        // jQuery post method
        // format : $.post(URL,data,callback);
    	$.post("./resources/test.txt",
    	{
    		name:"youheng",
    		city:"ChangSha",
    		country: 'China'
    	},
    	// 第一个回调参数存有被请求页面的内容,而第二个参数存有请求的状态。
    	function(data, status){
    		console.log("From post Method : Data: " + data + "\nStatus: " + status);
    	});
    
    
        // alert("Ajax loaded!");
      });
    });
    </script>
    </head>
    <body>
    
    <div id="div1"><h2>使用 jQuery AJAX 来改变文本</h2></div>
    <button>获得外部内容</button>
    
    </body>
    </html>
    

    效果:

    6. 另一种写法:$.ajax() 

    <!DOCTYPE html>
    <html>
    <head>
    <script src="./scripts/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
      	
      	// jQuery load function
      	// alert("Button clicked");
        // $("#div1").load("./resources/test.txt #p1");   // Get the resources from the file : ./resource/test.txt and load the label with class '#p1';
        $("#div1").load("./resources/test.txt #p1", {author:"youheng", age:"21", 'school' : 'HNU'}, function(responseTxt, statusTxt, xhr){
    	    // responseText:请求返回的内容
       		// textStates:请求状态:'success' / 'error' 
       		// XMLHttpRequest:XMLHttpRequest对象
    	    if(statusTxt=="success") {
    	    	alert("外部内容加载成功!");
    	    } else if(statusTxt=="error") {
    	    	alert("Error: "+xhr.status+": "+xhr.statusText);
    	    }
      	});
    
    
        $("#div1").css({'color' : 'red', 'background-color' : 'rgba(128, 128, 182, 0.5)'});
        
        // jQuery get method
        // format : $.get(URL,callback);
    	$.get("./resources/test.txt", function(data,status){
    		alert("From get Method : Data: " + data + "\nStatus: " + status);
    	});
    	
    
        // jQuery post method
        // format : $.post(URL,data,callback);
    	$.post("./resources/test.txt",
    	{
    		name:"youheng",
    		city:"ChangSha",
    		country: 'China'
    	},
    	// 第一个回调参数存有被请求页面的内容,而第二个参数存有请求的状态。
    	function(data, status){
    		console.log("From post Method : Data: " + data + "\nStatus: " + status);
    	});
    
    	// $.ajax method
    	htmlobj=$.ajax({url:"./resources/test.txt", async:false});
     	$("#div2").html(htmlobj.responseText);
    
    
        // alert("Ajax loaded!");
      });
    });
    </script>
    </head>
    <body>
    
    <div id="div1"><h2>使用 jQuery AJAX 来改变文本</h2></div>
    <div id='div2'><p>Div2 Zone </p></div>
    <button>获得外部内容</button>
    
    </body>
    </html>
    

    代码位置:

    // $.ajax method
    	htmlobj=$.ajax({url:"./resources/test.txt", async:false});
     	$("#div2").html(htmlobj.responseText);

    效果:

    完整文档参考:

    https://api.jquery.com/jQuery.ajax/

     

    展开全文
  • 本文实例讲述了JQuery 实现文件下载的常用方法。分享给大家供大家参考,具体如下: GET方式 1 window.location.href = url; POST方式 1 2 3 4 5 6 7 8 ...

    本文实例讲述了JQuery 实现文件下载的常用方法。分享给大家供大家参考,具体如下:

    GET方式

    1

    window.location.href = url;

    POST方式

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    var url = "下载接口地址";

    // 构造隐藏的form表单

    var $form = $("<form id='download' class='hidden' method='post'></form>");

    $form.attr("url",url);

    $(body).append($form);

    // 添加提交参数

    var $input1 = $("<input name='param1' type='text'></input>");

    $input1.attr("value","参数值1");

    $("#download").append($input1);

    var $input2 = $("<input name='param2' type='text'></input>");

    $input1.attr("value","参数值2");

    $("#download").append($input2);

    // 提交表单

    $form.submit();

    ajax为什么不能下载文件

    ajax支持的服务器返回数据类型有:xml、json、script、html,其他类型(例如二进制流)将被作为String返回,无法触发浏览器的下载处理机制和程序。

    1

    2

    3

    4

    5

    6

    7

    // ajax将返回数据转换为string,再利用该string创建Blob对象,下载的文件无法正确打开,数据可能已经被破坏

    var blob = new Blob([data]);

    //对于Blob对象,我们可以创建出一个URL来访问它。使用URL对象的createObjectURL方法。

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

    a.download = 'data.doc';

    a.href=window.URL.createObjectURL(blob);

    a.click()

     

     

    ajax下载文件全部代码

    function testAjaxDownload(){
    	var url = "http://127.0.0.1:8080/candidateData/txtdownload";
    	
    	$.ajax({
    		  type:'get',
    		  url: url,
    		  async:false,
    		  success:function(data, statusTest, xhr){
    			  	console.log(xhr);
    			    console.log(xhr.getAllResponseHeaders());//获取所有的响应头消息
    			    
    			    let fileName = xhr.getResponseHeader("content-disposition").split(';')[1].split('=')[1].replace(/\"/g,'')
                    let type =  xhr.getResponseHeader("content-type")
                    let blob = new Blob([data],{type:type}) 
                    
                    //对于<a>标签,只有 Firefox 和 Chrome(内核) 支持 download 属性
                    //IE10以上支持blob但是依然不支持download
                    if ('download' in document.createElement('a')) { //支持a标签download的浏览器
                            const link = document.createElement('a')//创建a标签
                            link.download = fileName//a标签添加属性
                            link.style.display = 'none'
                            link.href = URL.createObjectURL(blob)
                            document.body.appendChild(link)
                            link.click()//执行下载
                            URL.revokeObjectURL(link.href) //释放url
                            document.body.removeChild(link)//释放标签
                    } else { //其他浏览器
                            if(window.navigator.msSaveOrOpenBlob){
                                    window.navigator.msSaveOrOpenBlob(blob,fileName)
                            }
                    }
    			    
    		  }
    	});
    }

     注意:上面这种方法下载文本文件是没有问题的,下载二进制文件比如excel、word文件是有问题的

     

    HTML5 Blob对象

    一直以来,JS都没有比较好的可以直接处理二进制的方法。而Blob的存在,允许我们可以通过JS直接操作二进制数据。Blob对象可以看做是存放二进制数据的容器。

    创建Blob对象

    1

    var blob = new Blob(dataArr:Array<any>, opt:{type:string,endings:string});

    • dataArr:数组,包含了要添加到Blob对象中的数据。数据可以是任意多个ArrayBuffer,ArrayBufferView, Blob,或者 DOMString对象。
    • opt:对象,包含两个属性
      • type:用于设置Blob对象的属性(如:MIME类型)
      • endings :(已废弃),设置BlobBuilder.append() 方法的endings参数,取值"transparent"或"native"

    1

    2

    3

    4

    // 例如创建一个装填DOMString对象的Blob对象

    var data='<b style="font-size:32px;color:red;">Blob</b>'

    var blob=new Blob([data],{"type":"text/html"}); 

    console.log(blob);

    xmlhttprequest 2 + Blob 实现文件下载

    xmlhttprequest 2 标准支持流文件,使用 xhr.response作为返回(不是responseText)

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    var url = "";

    var xhr = new XMLHttpRequest();

    xhr.open('GET', url, true);//get请求,请求地址,是否异步

    xhr.responseType = "blob"// 返回类型blob

    xhr.onload = function () {// 请求完成处理函数

     if (this.status === 200) {

     var blob = this.response;// 获取返回值

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

     a.download = 'data.doc';

     a.href=window.URL.createObjectURL(blob);

     a.click();

      }

    };

    // 发送ajax请求

    xhr.send();

     

    注意:使用xmlhttprequest 可以指定responseTyp为blob,但是使用ajax是不能指定responseType为blob的

    展开全文
  • JQuery读取本地json文件

    千次阅读 2017-05-12 17:55:13
    利用的是jQuery ajax - getJSON() 方法 语法 jQuery.getJSON(url,data,success(data,status,xhr)) 参数 描述 url 必需。规定将请求发送的哪个 URL。 data 可选。规定连同请求发送到服务器的数据。 success...
  • 本篇文章介绍了使用jquery的ajax判断文件存在的方法,有着一定的参考价值,现在将它分享给各位,希望对各位有帮助。jquery判断文件是否存在js或jquery判断文件是否存在,需要用到ajax1、封装一个fileExists方法,...
  • JQuery 实现文件下载

    万次阅读 2018-11-05 13:05:28
    GET方式 window . location . href = url ...ajax为什么不能下载文件 ...// ajax将返回数据转换为string,再利用该string创建Blob对象,下载的文件无法正确打开,数据可能已经...// 发送ajax请求 xhr . send ( ) ;
  • jquery判断文件是否存在的方法:首先封装一个fileExists方法,接收url参数;然后使用【$.ajax()】方法发送请求,设置同步方式请求;最后返回请求结果。 本教程操作环境:windows7系统、jquery3.2.1版本,该方法适用...
  • 网上找了很多资料,写的不错,推荐下:(http://www.cnblogs.com/chopper/archive/2012/03/24/2403945.html)(http://www.cnblogs.com/JoannaQ/p/3511577.html)3、jquery的ajax和getJson跨域获取json数据...
  • jquery.uploadify插件是一个基于jquery来实现上传的,这个插件很好用,每一次向后台发送数据流请求时,ie会自动把本地cookie存储捆绑在一起发送给服务器。但firefox、chrome不会这样做,他们会认为这样不安全,下面...
  • jQuery读取json文件

    2017-10-27 23:53:43
    利用jQuery读取本地的json文件,并导入js中
  • 数据存在一个本地json文件里。刚开始使用的vue-resource.js来异步请求json文件,那么就牵扯到了跨域问题。在前端使用了node服务器来代理。so easy对不对?但问题是只有一个页面,而且东西不是很多,希望把css、hml、...
  • 使用jquery的ajax请求下载文件

    千次阅读 2016-09-28 23:16:00
    <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">   type='button' value="下载" id="download" /> $("#download").click(function(){ onclick=...
  • 但是在前后端分离趋于一种流行趋势,再加上Android和iOS开发技术日渐成熟,大部分团队都会选择在服务器端仅提供一套通用的webservice数据接口,而web页面、Android和iOS统一都通过这套数据接口来向服务器发送请求和...
  • 如果用原生的AJAX是加载本地文件就不会出现错误。当然,这个jquery的load放在服务器上通过http加载还是支持的。也有例外比如在firefox和ie浏览器使用$.ajax加载本地html或txt文件时,不会报错。 当其他浏览器控制台弹...
  • Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到本地,当再次请求同一网站时,通过获取本地存储的Cookie发送给服务器(前提是浏览器设置为启用cookie)。 注意:在...
  • php 发送与接收流文件例子

    热门讨论 2014-10-15 01:42:34
    php 发送与接收流文件例子 sendStreamFile.php 把文件以流的形式发送 receiveStreamFile.php 接收流文件并保存到本地
  • 你既可以填入你的邮箱、电话号码、性别等信息,也可以同时上传文件,那么这些是怎么做到的呢?当然,Asp.Net完全支持这个功能,但整个页面需要刷新。我们今天要讨论的是使用jQuery ajax技术来实现这一功能
  • jquery Ajax请求本地json

    千次阅读 2017-08-07 16:33:09
    1-1-1 json文件内容(item.json) [ { "name":"张国立", "sex":"男", "email":"zhangguoli@123.com", "url":"./img/1.jpg" }, { "name":"张铁林", "sex":"男", "email":"zhangtieli@123.
  • 前端本地文件操作与上传

    千次阅读 2018-04-17 16:21:36
    选择本地文件通过拖拽的方式把文件拖过来在编辑框里面复制粘贴第一种是最常用的手段,通常还会自定义一个按钮,然后盖在它上面,因为type="file"的input不好改变样式。如下代码写一个选择控件,并放在...
  • js读取json文件(原生和jQuery

    千次阅读 2020-04-19 15:59:01
    1.首先编写一个json文件:demo.json [ { "name":"张三", "sex":"男", "email":"zhangsan@123.com" }, { "name":"李四", "sex":"男", "email":"lisi@123.com" }, { "name":"王五", "sex":"女", "email...
  • 发现页面加载后在浏览器的network中并未发送ajax请求,也没报错,检查代码发现js代码块中$下面有灰色波浪线,鼠标放上去提示Unresolved function or method $(),但是自己也在jsp文件中引入了自己本地jquery文件,...
  • 当初做了个异步上传的功能,选择它因为它的配置方式比较像jQuery的AJAX,我很喜欢。 ajaxFileUpload是一个异步上传文件jQuery插件 语法:$.ajaxFileUpload([options])   options参数说明: 1、url 上传...
  • 使用ajax请求本地JSON文件中的数据

    千次阅读 2018-02-28 13:25:29
    json文件 { "info":[ {"name":"张三","sex":"男"}, {"name":"李四","sex":"男"}, {"name":"...
  • SSM——整合jQuery

    千次阅读 2018-09-05 10:38:16
    一、认识jQuery jQuery是目前最流行的JavaScript程序库,它通过封装原生的JavaScript函数 得到一整套定义好的方法。是John Resig于2006年创建的一个开源项目,现今jQuery已经集成了 JavaScript、CSS、DOM和Ajax...
  • 超实用的jQuery代码段

    2019-03-04 10:20:41
    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...
  • 邮件发送者 from 一般采用固定的形式写到配置文件中。 (2)富文本邮件 在日常使用的过程中,通常在邮件中加入图片或者附件来丰富邮件的内容 发送 HTML 格式邮件 邮件发送支持以 HTML 的形式去构建我们喜欢的...
  • 静态文件导入 django专门提供 django.contrib.staticfiles管理静态文件。 在建立工程的settings.py文件中可以设置: STATIC_URL = '/static/' STATICFILES_DIRS = [ BASE_DIR+"/static", ] 在工程文件夹新建...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 20,998
精华内容 8,399
关键字:

本地文件选择发送jquery