小编Uby*_*Uby的帖子

我总是习惯使用jquery或其他javascript框架,但现在我没有框架可供使用,所以我想看看是否有人知道我如何可以在直接的javascript中做到这一点,如果可能的话.

基本上我有这样的div

<input type="button" id="more_fields" onclick="add_fields();" value="Add More" />

<div id="room_fileds">
    <div class='label'>Room 1:</div>
    <div class="content">
        <span>Width: <input type="text" style="width:48px;" name="width[]" value="" /><small>(ft)</small> X </span>
        <span>Length: <input type="text" style="width:48px;" namae="length[]" value="" /><small>(ft)</small</span>
    </div>
</div>

我需要的是当点击添加更多按钮时,我需要基本上添加更多宽度和长度字段,或者创建整个结构,如上面的所有div,或者只是插入新的span标记,其中包含现有的字段.

我知道如何使用jquery或原型框架,但不幸的是我不能使用任何框架.有谁知道如何做到这一点.我会发布代码iv为此完成,但我甚至不知道在哪里beging.

我目前正在使用弃用的代码来从用户那里获取数据,如下所示:

/* retrieve */
$lastName = $_POST['lastName']; 
$firstName = $_POST['firstName']; 
$examLevel=$_POST['level'];

/* connect */
$dbc=mysql_connect("localhost", "user", "passw") or die('Error connecting to MySQL server');
mysql_select_db("db") or die('Error selecting database.');

/* sanitize */
$lastName=mysql_real_escape_string($lastName);
$firstName=mysql_real_escape_string($firstName); 
$examLevel=mysql_real_escape_string($examLevel);


/* insert */
$query_personal = "INSERT INTO personal (LastName, FirstName) VALUES  ('$lastName', '$firstName')";

$query_exam = "INSERT INTO exam (Level, Centre, BackupCentre, etc.) VALUES ('$examLevel', '$centre', '$backup', 'etc')";

这是有效的,但我不断发出有关安全性和缺乏支持的警告.有一个小的重写连接 mysqli而不是mysql但是mysqli_real_escape_string怎么样？我已经看到它在示例中使用但我也看到了使用预处理语句的建议,而不使用mysqli_real_escape_string.

我如何使用预准备语句来插入我的数据？到目前为止,我有点在海上.例如,仅针对INSERT的参数绑定和仅针对SELECT的结果绑定吗？

如何找出在javascript中点击了哪个提交按钮？

function submitForm(){
   //if find open popup
   //else if add continue in the same window

}

<form action="/findNames" onsubmit="return submitForm()">
    <input type="submit" value="Add" onclick="submitForm(this)"/>
    <input type="submit" value="Find" onclick="submitForm(this)"/>
</form>

我做了什么:

我尝试用onclick来做,如下所示,但是当点击"查找"按钮时,它会打开一个弹出窗口并提交父窗口.如何阻止它提交父窗口？

function submitForm(submit){
    if(submit.value=="Find"){
        find();//opens a popup window
    }else if(submit.value == "Add"){
        //stay in the same window
    } 
}

function find(){
    var width  = 1010;
    var height = 400;           
    var params = 'width='+width+', height='+height;     
    popupWin = window.open('find.do','windowname5', params);
    popupWin.focus();
}

<form action="/findNames">
    <input type="submit" value="Add" onclick="submitForm(this)"/>
    <input type="submit" value="Find" onclick="submitForm(this)"/> …

我在 Express 服务器上有以下代码，用于读取图像并通过 api 将其发送到客户端

router.get("/file",async (req,res)=>{
    const objImg = {img:null}
    const result = await SELECT("...");
    if(result.length>0){        
        var bitMap= fs.readFileSync(`./src/logosClient/${result.nombImg}`)        
        objImg.img=new Buffer.from(bitMap,"base64")
    }
    res.json(objImg)
})

api数据到达如下

数据：{类型：“缓冲区”，数据：[137, 80, 78, 71, 13, 10, 26, 10, 0, 0, 0, 13, 73, 72, 68, 82, 0, 0, 0, 192, 0, 0, 0, 46, 8, 6......]}

在我的 ReactJs 客户端中，我有以下代码来接收它

    import React, {useEffect, useState} from 'react';
    import muestra from '../../../../resources/images/muestra.png'
    
    const Index = () => {
    const [previewImg, setPreviewImg] = useState(null) 
    
    useEffect(()=>{        
        RunApi("/generales/file","GET",null,null).then(result=>{
            if(result.img){
                setPreviewImg("data:image/png;base64," …