为什么串联两个字符串会产生错误？

Question

我有一个文本字段和一个输入类型提交。 当我单击提交按钮时，我应该获得与输入字段相关的网址。 但是我收到了Uncaught TypeError: undefined is not a function 。 这是我的代码，说明得更好：

<script>

    $(document).ready(function(e) {

        $('#search_btn').click(function() {
            console.log($('#thisiswhatineed').val()); // this is working perfectly
            console.log("<?php echo BASE_URL; ?>/ads/search/"); // this is also working perfectly
            var url_to_go = "<?php echo BASE_URL; ?>/ads/search/" . $('#thisiswhatineed').val(); 
            console.log(url_to_go); // this is not working and giving me the error mentioned above
        });

    });

</script>

Answer 1

在javascript中，您使用+而不是串联字符串.

所以：

var url_to_go = 
   "<?php echo BASE_URL; ?>/ads/search/" + $('#thisiswhatineed').val(); 

Answer 2

使用+运算符代替. 连接JavaScript中的两个字符串。

代替

var url_to_go = "<?php echo BASE_URL; ?>/ads/search/" . $('#thisiswhatineed').val();

采用

var url_to_go = "<?php echo BASE_URL; ?>/ads/search/" + $('#thisiswhatineed').val();

Answer 3

在Javascript中，您使用加号进行串联。

var url_to_go = "<?php echo BASE_URL; ?>/ads/search/" + $('#thisiswhatineed').val();