鼠标事件以后找到之前定义好的div,将参数传入令其重新读取数据库
以下js代码是我写的一个鼠标右键的事件:
handleContextMenu:function(event,nodeData,node){
var tmparr=<?php
require_once(dirname(__FILE__)."/MysqlInterface/InitSqlConnect.php");
$inPut = new OneDbConnect;
$con = $inPut->getConnection();
$sql = "select a.Description from StringDefine a,NETypes b where a.StringId = b.ShowName;";
$res = mysqli_query($con,$sql);
$inPut->release($con);
$ress=mysqli_fetch_all($res);
echo preg_replace('/"([a-zA-Z]+[a-zA-Z0-9]*)":/','$1:', json_encode($ress, JSON_UNESCAPED_UNICODE));
?>;
var tmpstr=tmparr.toString();
if(node.level==2 && (tmpstr.indexOf(nodeData.label)!=-1) )//判断级别并且是网元
{
var slabel=nodeData.label;
<?php $num="slabel"; echo "alert($num);";require_once(dirname(__FILE__)."/MysqlInterface/Showright.php");ShowWord($num)?>;
console.log(event,nodeData);
this.$refs.treeMenuRef.style.display = "block";
this.$refs.treeMenuRef.style.top = event.pageY + "px";
this.$refs.treeMenuRef.style.left = event.pageX + "px";
}
}
一下H5代码,就是我想右键显示出来的结果:
<div ref="treeMenuRef" class="hidden tree-menu">
<ul style="text-align:center;padding-inline-start:0px">
<li style="text-align:center;"@mousedown.stop="handleAddSubMenu">
<?php require_once(dirname(__FILE__)."/MysqlInterface/Showright.php");ShowWord1(); ?>
</li>
</ul>
</div>
现在问题是我该如何把每次右键nodeData.labele的值传给这个div,让其从数据库中读取相关内容?
我理解可能需要ajax技术,但是不知如何下手,百度也没找到合适的例子参考。
谢谢大家~