javaScript中方法无法调用的一种解决办法

JavaScript中方法无法调用的解决办法

问题描述

楼主在最近一次的写代码时,用Ajax把数据库的数据在前端遍历,遍历没问题,但遍历出来的要加超链接,写了一个方法,弹出对应的参数,结果方法一直没有被调用;
如下图所示:
拼了一个字符串

 str+="<a href='javascript:choseColumn("+obj.column_name+")'>"

方法如下:

function choseColumn(colName){
    $("#colName").val(colName);
  }

点击显示图片

原因分析

是一个比较简单的问题,学习JS的时候也没注意到这个问题,但还是写一下,当初学前端的时候说任何传到后端的参数都是字符串,就理所当然的认为js中传参也都是字符串,不用区分,结果是如果我要给js中的方法传字符串类参数时要拼一个引号(整型int不需要)

解决办法

传参时拼一对引号,单引号或双引号均可。
我拼了一对双引号

          str+="<a href='javascript:choseColumn(\""+obj.column_name+"\")'>"

浏览器中效果:
在这里插入图片描述
点击之后正常运行。

最后

对于前段大佬来说可能不值一提,但我是后端开发入门,前端还是不太了解,希望能帮到和我一样的小伙伴。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值