vue import jquery $.ajax 为 undefind

使用 vue 时, 在main.js中import jquery

import $ from 'jquery'


在Chrome控制台 $ 可以使用, 但是$.ajax 为undefind

但是把 $ 赋给全局对象之后, $.ajax 就可以使用了

window.$ = $;



有没有人说一下为什么啊, 拜托拜托

0

2个回答

安装jquery
cnpm install jquery --save
import $ from 'jquery'
在webpack.base.conf.js文件最上面的定义后加上:
const webpack = require('webpack')
在webpack.base.conf.js文件中node和module之间加上:
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
})
],

0
0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue 引入第三方js报错undefined
今天在项目中使用到高德地图,在本地npm run dev运行起来没有问题,可是在打包发布到测试环境后,使用高德地图的界面就会报Amap undefined,按照自己原先的教程(vue2(webpack)调用amap高德地图及其UI组件和标记物)应该是没有问题的,其他项目也是这么用的,可是这次怎么不行了?然后F12打开刷新页面看了下,发现原来没有加载高德地图的js。额,可是为什么呢?之前的项目怎么就...
关于Vue+Webpack引入Jquery第三方插件,出现jquery is undefined的问题
最近接到关于网站SEO的需求,于是用了vue-ssr,发现引入的第三方插件后出现了jquery is undefined。 一般的webpack配置不能解决这个问题,于是找了相关资料,发现借助expose-loader就可以完美解决。 webpack.base.conf.js  module: {         rules: [{           test: require.reso...
关于后台返回数据undefind的问题
原因是这里使用的redirect重定向。所以之前的请求并没有带过去。
Jquery中ajax传输json数据显示undefined错误
今天在做ajax的时候突然发现一个问题,以前在用Jquery1.3的时候都正常的方法结果现在都不行。 firebug中发现我要的数据已经返回,而且数据显示正常,但是前台取值一直都提示undefined。 找了好久资料才找到原因。 Jquery1.4中对JSON数据格式进行了严格限制,原先在Jquery1.3中能用的格式现在都不能使用 原数据格式 { isOk:true, msg:'传输成功' }
解决ajax异步传输数据,return返回为undefined的问题
function GetUserInfo(tp) { var username; $.ajax({ type: "POST", cache: false, data: "type=exlogin&tp=" + tp, url: "Handle/OpeartionHandler.ashx",
jQuery ajax请求json数据回调函数中data为undefined解决方法
本文主要讨论IE9下使用$.ajax获取json数据时可能遇到的回调函数中data为undefined的问题。问题描述js数据请求代码:$("#btn1").on("click",function(){ $.ajax({ type: "GET", url: "php/runton_lastMember.php",
ajax服务器传值,前台获取json的值却为undefined的问题
一般处理服务器传来的json值时,我们都会用两种方式进行处理:1.一种为使用eval()函数。var dataObj=eval("("+data+")");//转换为json对象(注:data为json数据);2. 使用Function对象来进行返回解析。var json =(new Function("","return "+data))();        但是今天做项目(项目用struts
ajax调用后台方法返回页面显示为undefined 解决办法
二话不说先上代码: $.ajax({ type: "GET", url: "", data: {}, async: true, dataType:"json", success: function(returnedData) { var jsonObj = JSON.parse( JSON.stringify(returnedData) );  $("body").
ajax返回值显示为undefined
ajax获取action中的json数据,然后解析显示   1.struts2的action里要有注明是json的属性   Java代码   @JSON(name="types")       public String getTypes() {           return types;       }    2.struts
ajax获取json数据成功,取值为undefined解决办法及原因
解决办法:var dataObj=eval("("+data+")");//转换为json对象eval解析JSON中的注意点在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式:1.一种为使用eval()函数。2. 使用Function对象来进行返回解析。使用eval函数来解析,并且使用jquery的each方法来遍历用jquery解析JSON...
解决ajax 传递为空但显示在页面上为undefined 问题
昨天写代码遇到一个问题,这个问题以前也遇到过,只不过那时以为简单就没做什么笔记,结果昨天遇到还是要去查百度,查百度又要找好一会儿,所以就记录一下。避免以后忘记。 首先问题是这样的:我用ajax到动态的做表格插入,从后台传回来一个对象的list集合,然后进行遍历动态的生成表格的行。后台写的都正确的,结果表格有些内容为显示为undefined。后来我调试了一下发现ajax自动的把为空的字段设成了und
jquery获取action返回的json数据提示undefined或是null的问题
基于SSH框架搭建个小网站,登陆框用jquery实现,前台一直得不到action返回的值。不是undefined就是null。具体代码如下: Action: public class LoginAction extends ActionSupport { private String userName; private String password; private St...
Vue,使用axios中this为undefined解决,this指向
在vue较多使用的是axios请求,请求后的回调函数中,this不能指向当前vue实例,打印出来是undefined; 1,let that = this,以前常用的存储this的方法 getSerTime:function(){ let that = this ;//存储this Vue.axios.get(root + '/api/findInfoDetail'...
ajax请求插件vue-resource的学习
http://cn.vuejs.org/guide/plugins.htmlajax请求插件vue-resource的学习https://github.com/vuejs/vue-resource/blob/master/README.md1、安装npm install vue-resource2、使用import VueResource from 'vue-resource'; Vue.use(V
asp.net结合ajaxfileupload控件上传文件一直提示undefined问题
asp.net 结合ajaxfileupload.js 上传文件问题。文件是可以上传成功的,但是上传成功后的提示就有问题了 一直提示undefined,奇怪死了。开始以为是格式问题,找了好久都没发现问题...。不过经过仔细分析还是找到 问题所在了~~~~
jq使用touch事件client值为undefined的解决方法
因为他是数组类的,需要定义下标。 $(".tabel").on('touchmove',function(event){ console.log(event); }); 如果直接console.log(event)的话我们看到的clientX和clientY都是undefined 所以我们要写成这样 $(".tabel").on('touchmove',function(event){...
Vue中使用refs定位dom出现undefined的解决方法
原因分析 在mounted阶段,DOM结构准备就绪,但是这里的准备就绪需要特别说明一下: 虽然DOM结构已经出来了,但是如果在DOM结构中的某个DOM节点使用了v-if、v-show或者v-for(*即根据 获得的后台数据 或 父组件/路由传递过来的参数 来动态操作DOM,即响应式), 那么这些DOM是不会再mounted阶段找到的。 如果想要真正地在DOM加载完成后拿到数据,就需要调用V...
记录--ztree加载后显示undefined的问题
出现这种问题基本上是数据的问题,1,确认下节点id是否重复。2,确认下name属性值中是否存在空格,换行符等符号。
Vue.js的v-for和Jquery的Ajax方法作用
最近在做自己的网站,感觉vue用起来更加优雅,所以决定从jquery全面迁移到vue,工作量确实不小,以下提供一个vue的v-for和ajax调用的基本用法。 $v[id]))}"> {{item.bookname}} ¥{{item.prize}}     ¥{{item.cost}}
处理$.ajax传递json格式参数,属性为null,undefined,“”
$.ajax传递json格式参数,某属性为null,undefined function dealNull(obj) { for (var i in obj) { if (null == obj[i] || 'null' == obj[i] || undefined == obj[i] || 'undefined' == obj[i] || '' == o
原生JS、jQuery和VUE中的Ajax比较
Ajax:不刷新浏览器的情况下加载数据 1.原生JS中的Ajax function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest(); } else { ...
webpack构建VUE项目使用jquery及其插件 expose-loader
闲来无事先写一篇博客,整合一下最近网上更新的资源,在用webpack构建VUE项目时会遇到仍旧想用jquery以及依赖jQuery的插件,但是引入jq会很麻烦,这里介绍一种比较简单使用的方法,使用expose-loader先简单介绍一下引入jq的两种别的做法,第一种是用Npm下载jquery依赖,然后在webpack.config.js也就是配置文件中声明$为全局变量,然后import或者requi
ajax返回的值为null或undefined在页面显示未“无”
<td>'+(sd.name==null?'无':sd.name)+'</td> 避免在页面上显示null或undefined
ajax获取json数据的具体项为undefined
ajax获取json数据的具体项为undefined,最后发现是json数据格式的问题,把“”中不必要的空格删除掉。 原因: 1:没有写dataType类型 2:将dataType写为datatype 3:返回的json数据格式不标准。 ...
jquery.validationEngine 验证 AJAX 不起作用解决办法
使用ajax时 返回必须是json形式: json名字可以随意,但[0]位置 必须是验证的控件id,[1]位置是是否成功 使用ajax时 一直处于等待验证状态,验证不起作用: 原因是因为内置json接收方式不对,所以 我们需要修改js文件代码 打开 jquery.validationEngine.js 文件 搜索 "$.aja...
jquery的使用经验1-出现undefined的处理
1.jquery的使用经验1-出现undefined的处理解决思路:            使用typeof()方法去吧undefined处理成字符串的“undefined”,在进行比较用法:      if(typeof($("#id").val()) == "undefined"){     //你想要处理的业务     }...
前端(HTML+CSS+JS+JQuery+AJAX+vue等前端框架)学习资源和路线
文章目录书工具博客文章学习路线和资源建议等 书 疯狂HTML5+CSS3+JS讲义 HTML5, CSS3, JS语法, DOM, DHTML,事件处理机制 疯狂Ajax讲义 Ajax, JQuery, Ext JS, Protype, DWR框架 疯狂前端开发讲义 JQuery+AngularJS+Bootstrap前端开发实战 vue.js实战 工具 在 Chrome DevTools ...
ajax请求导致status为canceled的原因
错误现象:总结:1.在URL变更后,会对当前正在执行的ajax进求进行中止操作。中止后该请求的状态码将为canceled 2.在使用到ajax的时候,尽量不要在form内使用button进行提交,这些特殊的标签在特定的情况下往往会有让你迷茫的时候。
使用vuex的时候,出现this.$store为undefined
使用的场景: 在open_show中调用update_info的时候出现undefined 解决的思路: 刚开始接触vuex,碰到这个问题,首先就是搜索一下,别人的一般都是this.$store.state为undefined,还是没有什么思路,然后我看了一下项目中别人写的代码中就可以调用,再看下目录,难道和目录有关,试了一下,并没有什么作用,就换种思路,打印了一下this,发现this...
判断一个变量为undefined的正确姿势
日常开发中,经常使用if(obj.prop){...},来判断,这里运用的是如果obj.prop不是falsy值,那么这个判断语句将会执行,但是如果obj.prop为0、false或者空字符串不属于我们想要的判断条件内,那么用falsy判断将会造成错误,可以用如下方法严谨的判断:obj.prop!==undefined:直接和undefined作比较typeof obj.prop!=='undef...
ajax服务器传值,在前台解析出现undefined的解决办法。
转自:https://blog.csdn.net/mengjian93/article/details/41921427  一般处理服务器传来的json值时,我们都会用两种方式进行处理:1.一种为使用eval()函数。var dataObj=eval("("+data+")");//转换为json对象(注:data为json数据);2. 使用Function对象来进行返回解析。var json =...
转换字符串,undefined,null等转化为""
//转换字符串,undefined,null等转化为""function praseStrEmpty(str){ if(!str || str=="undefined" || str=="null"){ return ""; } return str;}
关于vue里面出现$报错的情况
1.Error in mounted hook: "ReferenceError: $ is not defined"? 解决办法:(错误原因好像是从外部导入的js和vuejs有点冲突还是怎么样?) 在main.js里面加: import jquery from 'jquery' window.$ = window.jQuery = jquery...
页面局部加载,适合Ajax Loading
页面局部加载,适合Ajax Loading
ajax返回数据为undefined
接口返回如: {"msg":"success","data":[{"id":"1","company_id":"1","company_name":"网易","type":"1","dictdata_value":"访问地址","name":"system1.1_测试","url":"https://www.baidu.com/","status":"1","statusvalue":"有效"},...
使用ajax跨域withCredentials的作用
默认情况下,跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)。通过将withCredentials属性设置为true,可以指定某个请求应该发送凭据。如果服务器接收带凭据的请求,会用下面的HTTP头部来响应。 Access-Control-Allow-Credentials: true 如果发送的是带凭据的请求,但服务器的相应中没有包含这个头部,那么浏览器就不会把相应交给
jQuery中 $ 符号的冲突问题及解决方案
在jQuery中,$是jQuery的别名,为了书写方便,我们更习惯用$('#id')这一类的方式来书写代码。当同一页面引用了jQuery多个版本或者jQuery与某些其他js库产生冲突,控制台就会报错。同一个页面多个版本冲突解决办法你可能会问,为什么在一个页面上会引用多个版本的jQuery,只引用一个不就好了吗?答案是:不行。一般要用到两个(或以上)版本的jQuery库的原因是:现有的网站已经用了...
个人写前端页面出现jquery is undefined 错误的解决方法(非万能)
在引入dataTables.css文件时 忘记给结尾标签加上/了,加上了之后报错停止 出现此种报错也可能是其他原因,也和文件加载顺序有关,css文件必须在js文件之前加载
Ajax跨域问题:跨域请求设置withCredentials
转:http://www.cnblogs.com/zhangcybb/p/6594991.html  最近在做运动城项目,这一个项目下面有多个子项目,如主数据项目,pos项目等。主数据项目的域名为www.topmall.com,POS项目的域名为pos.topmall.com。即两个项目的主域名相同,子域名不相同。  我们的登陆认证是放在主数据项目的,即进入POS项目如果检测未登陆,是先要调用主数
Vue使用jQuery ajax加载数据页面无显示解决方法
无数据代码为  <script> new Vue({ el:"#demo", data:{list:find()} }) function find(){ var ss; $.ajax({ type: "post", url: "studentact...
文章热词 jQuery学习 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 nlp为技术基础 nlp为理论基础