在 CodeIgniter 中单击按钮时正则表达式错误的标志无效

Question

我有一个使用外部 js 文件显示测验的视图。测验完成后，我将一些新的 html 附加到屏幕上，包括一个新按钮，该按钮假定在被单击后会将用户发送到我的主控制器的 practiceTask 函数。但是，当它被点击时，我得到了错误：

Uncaught SyntaxError: Invalid flags supplied to RegExp constructor 'practiceTask'

因为代码在 .js 文件中，据我所知，我不能使用 site_url 或 base_url。这是正确的方法吗？

相关JS：

$('#imageLocation').attr("src", "");
var html = '<div class="instruction_block"><p class="instruction_text" style="text-align: center; margin-top: 0">You have completed the ' + text + ' test</p><div class="button_placement" style="margin-top: 300px;"><input class="rounded" style="position: absolute; bottom: 0; right: 0; width: 250px;"" type="button" value="Continue to the next task" onClick="/main/practiceTask/3"></div>';
$('#final_message').append(html);

主控制器功能：

public function practiceTask($task_id){

$this->load->model('Main_model');

echo ($task_id);

$json_key = $this->Main_model->getKey($task_id);
$json_key = json_decode($json_key, true);

shuffle($json_key);

$data['test_key'] = $json_key;
$data['task_id'] = $task_id;

$this->load->view('practice_test_view', $data);

}

任何帮助将不胜感激！

Answer 1

如果你想在一个JS页面中获取一个值，你可以把它放到一个隐藏的输入中，并在页面加载时用JS解析，这样你就可以使用它了。

您可能遇到的问题是您的 onclick

onClick="/main/practiceTask/3"

用 jQuery 来做这件事

var html = '<div class="instruction_block"><p class="instruction_text" style="text-align: center; margin-top: 0">You have completed the ' + text + ' test</p><div class="button_placement" style="margin-top: 300px;"><input class="rounded" style="position: absolute; bottom: 0; right: 0; width: 250px;"" type="button" value="Continue to the next task" data-url="/main/practiceTask/3"></div>';
$(document).on('click', '.button_placement input', function(e){
    e.preventDefault(); 
    window.top.location = $(this).data('url');
 });

这样，它会创建一个事件，该事件将在您单击按钮时触发。它将读取 data-url 值并将您重定向到该页面。

祝你好运；）