ajax请求,html调用js

1:html中调用js中的函数,js使用ajax请求向后台请求,返回数据。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script>
    var url;   //定义变量url
    function link() {
        //你的功能
   $.ajax({     //ajax请求    type: "get",     //请求方式    data: {                  //向后台传输的数据,字段        "userid":userId     },  
    url: "<%=path%>/download.do",   //请求接口,url    async: false,                  //非异步请求    success: function (data) {      //  回调函数,成功之后,后台返回data        url = data;                  //data赋值给url    }});
window.location.href = url;   //使用url} </script> 

</head> 

<body> <a href="javascript:void(0)" onclick="link()">客户端下载</a>  //调用js函数

</body> </html>

原文地址:https://www.cnblogs.com/liyafei/p/9293370.html

时间: 2024-10-12 07:53:07

ajax请求,html调用js的相关文章

ajax请求封装调用

/* * ajax请求封装 */ function _ajax(url,data,callback){ try { $.ajax({ url:url, type:"POST", data:data, dataType:'json', success:function(data){ try { if(data.code == 0){ mui.alert('保存成功') }else{ mui.toast('保存失败'); } } catch(e) { mui.toast('获取数据失败')

ajax请求的原生js实现

我们使用ajax请求一般都用的jQuery, axios封装好了的api, 那么如果只能用原生js, 我们该如何操作了? 上代码. 我们在同目录下写好一个json文件(data.json)用于请求测试 1 const ajax = function() { 2 var ajaxData = { 3 type: arguments[0].type || 'GET', 4 url: arguments[0].url, 5 async: arguments[0].async || true, 6 da

Chrome 调试AJAX请求返回的JS脚本

有时候会使用AJAX请求加载局部的Html页面,这个时候如果想调试局部页面中的js就比较麻烦,现在暂时发现了两种方法.第一种是在js代码中想要断点的地方加debugger,这样代码执行到此处会进入断点.此时你会发现进入断点的js文件名称是VM+数字,关于Chrome的VMJS脚本可以查看这个文档.Chrome VM B乎的解释 除了增加debugger这种略显麻烦的方式外,还有另外一种调试的方式.那就是在脚本首部增加这行代码. //# sourceURL=名字随意起.js 经测试,在Chrome

Extjs中ajax请求当session失效时自动跳转

当session失效时,我们可以通过filter来拦截并重定向到登陆页面,可是请求如果是ajax请求,页面并不会重定向,这是因为ajax返回的是数据,无法返回页面. ajax异步请求不同于其他请求,其在请求头里包含有X-Requested-With:XMLHttpRequest,看下面两张图的区别. 我们可以在filter中通过它来判断一个请求是不是异步的,如果是,我们可以返回一个sessionstatus,在页面上通过判断sessionstatus的值来判断session是否失效. 第一张是普

Ajax请求汇总(一)

刚开始结束Ajax请求的时候,那真的是迷迷糊糊,昏天暗地,通过学习的深入和翻阅各种资料.求助度娘,总结一下Ajax请求,与大家分享一下,希望能给学习Ajax的同学一些帮助,废话不多手,直接开始~~~ 一.Ajax请求的原理 1.原理:在Ajax请求中,html页面的中操作将通过Ajax引擎与服务器端进行通讯,然后将返回的结果提交到客户端页面的Ajax引擎,再由Ajax引擎来决定将服务器端返回数据插入到页面的指定位置.从而实现无需刷新页面的http请求. 看图: 2.Ajax请求的优点 a.当然最

常用ajax请求

JQuery版本的ajax请求:(包括处理WebService中xml字符串) 1 $.ajax({ 2 type: "POST", 3 async: true, 4 url: "", 5 data: "", 6 success: function (data) { 7 data = data.replace("<string xmlns=\"http://tempuri.org/\">", &

论如何把JS踩在脚下 —— JQuery基础及Ajax请求详解

一.什么是JQuery? JQuery是一种JavaScript框架,是一堆大神搞出来的能够让前端程序猿敲更少代码.实现更多功能的工具(在此,跪谢各位JQuery开发大大们!!!).JQuery的使用给优化HTML文档操作.事件处理.动画设计和Ajax交互提供了巨大的便利.而且,其特有的链式语法也较与JS更为清晰. 二.JQuery入门 想要使用JQuery框架,就必须在html文档中导入JQuery插件,导入方式和日常导入外部JS文件的方式是相同的.但要注意,在同一html文档中插入多个外部J

原生js和jquery发送ajax请求及封装

原生js                                   // ajax get 五部曲function ajax_get(url,data){ // 异步对象 var ajax=new XMLHttpRequest(); // 设置url和请求方式 // url方法 如果有数据要把数据拼接到url中?name=jack&age=20 if(data){ url+=?; url+=data; }else{}; ajax.open('get',url); // 发送请求 aja

AJAX请求和跨域请求详解(原生JS、Jquery)

一.概述 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX = 异步 JavaScript 和 XML,是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新.传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面. 本博客实验环境: python:2.7.11 web框架:tonado jquery:2.1.1 二.“伪”AJAX 由于