手写jQuery SQL解析工具：C#后端交互与JSON数据实战复盘

做技术写代码，最忌讳的就是只知道调包，不知道底层是怎么流转的。前段时间在重构自己的零点博客站点评论系统时，为了优化一下后台的数据加载速度，我尝试着开发了一个基于jQuery的SQL语句在线解析小工具。虽然现在React/Vue很火，但jQuery在处理简单的DOM操作和Ajax请求时，那种随手写的快感还是无可替代的。

项目背景与需求

原本想做一个单纯的爬虫辅助工具，把抓取到的乱七八糟的JSON数据转换成标准SQL插入语句。后来考虑到安全性，我把爬虫的核心逻辑放在了C#后端，利用MySQL存储抓取结果。前端这边，我打算直接使用jQuery来监听用户的输入，通过Ajax把正则表达式匹配后的数据发送给后端处理。

前端交互：jQuery与JSON的握手

前端的逻辑其实不复杂，核心在于怎么把用户输入的字符串安全地传给C#。这里用了jQuery的$().on('click')事件，避免了旧式的bind绑定，代码更简洁。

// 简单的JSON数据发送示例
$('#parse-btn').on('click', function() {
    const rawSql = $('#sql-input').val();
    if (!rawSql) {
        alert('请输入SQL语句');
        return;
    }

    // 使用jQuery AJAX发送请求，注意加上正确的Content-Type
    $.ajax({
        url: '/api/parse',
        type: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({ sql: rawSql }),
        dataType: 'json',
        success: function(res) {
            if (res.success) {
                $('#result-area').html(res.data);
            }
        },
        error: function(err) {
            console.error('解析失败', err);
        }
    });
});

后端攻坚：C#处理与SQL注入防护

很多人写后端最容易踩的坑就是SQL注入。在这个工具里，我必须严格校验输入。虽然是前端有jQuery做了初步判断，但后端绝对不能信任任何数据。

我的C#后端接收到的JSON数据会经过一个预处理管道。这里用到了Prepared Statements（预处理语句）。比如你要检查一个SQL是否存在，你会写这样的代码：

string query = "SELECT * FROM emlog_blog WHERE content LIKE @content";
using (MySqlConnection conn = new MySqlConnection(connString))
using (MySqlCommand cmd = new MySqlCommand(query, conn))
{
    // 千万记得参数化，不要直接拼字符串！
    cmd.Parameters.AddWithValue("@content", "%" + userInput + "%"); 
    // ... 执行查询逻辑
}

如果直接把JSON里的字符串拼接到SQL里，黑客就能通过构造JSON payload注入恶意代码。这点在EMLOG等开源CMS开发中尤为重要。

底层实现与正则表达式应用

工具不仅要能用，还得看着清楚。我利用正则表达式对返回的SQL语句进行了高亮处理。通过匹配SELECT, UPDATE, DELETE等关键字，动态生成带有颜色的HTML标签。

除了解析，我还在这个工具里写了一个小的爬虫逻辑。当用户勾选“自动抓取”时，前端通过jQuery模拟一个循环，每隔几秒请求一次C#的接口，直到获取到目标数据。这种前后端分离的小技巧，比传统的轮询方式要轻量得多。

避坑指南与总结

开发过程中遇到的最大问题是jQuery的异步加载问题。有时候HTML结构还没渲染完，jQuery就试图去选中元素，导致报错“对象为空或未定义”。解决办法很简单：要么把脚本放在

script标签的底部，要么在$(document).ready()里包裹。

最后，我把这个工具封装成了一个纯静态的HTML文件，除了依赖jQuery库外，没有其他资源。这样即使放在EMLOG的模板目录下，也能秒开。

核心心得： jQuery不老，它是一把趁手的锤子，关键是看你能不能在C#后端和MySQL的配合中，精准地砸中那些bug。