在页面上执行sql语句，首先在页面上顶一个文本域，让用户输入需要执行的sql语句。

html代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
</head>
<body>
<div id ="defaultButtonBar" align="right" style="margin-right: 20px">
<button id="add" value="执行" onclick="find()" style="width: 100px;height: 30px;">执行</button>
</div> 
<div> 
输入的sql:<br><textarea id="sql" rows="6" style="width: 98%"></textarea>
</div>

<div id="divSql" style="color: red;height:400 "> <text id="str"></text></div>
</body>
</html>

然后最重要的是如何获取选中的文本并且让其在后台执行sql并返回信息给前台。

js代码如下：

/**
* 执行鼠标选中的文本（也就是sql语句）
*/
function find(){
　　var selectValue=null;
　　var sqlval=null;
　　if (document.selection){
　　　　selectValue=document.selection.createRange().text;//验证IE浏览器
　　} else if (window.getSelection){
　　　　// selectValue=window.getSelection();//其他浏览器
　　　　var obj = document.getElementById("sql");
　　　　var selstart = obj.selectionStart; //文字浮标选择的开始位置
　　　　var selend = obj.selectionEnd; //文字浮标选择的结束位置
　　　　selectValue= obj.value.substring(selstart,selend);
　　}
　　if(selectValue==null||selectValue==""){
　　　　var sqlval=document.getElementById("sql").value.toLocaleLowerCase();
　　}else{
　　　　sqlval=selectValue;
　　}
　　if(sqlval.indexOf("select")!=-1&&sqlval.indexOf("create")==-1){
　　sqlval = encodeURI(sqlval);
　　$.ajax({
　　type:'POST',
　　url:'findColumn',
　　data:"sqlval="+sqlval,
　　dataType:'text',
　　contentType:'application/x-www-form-urlencoded; charset=utf-8',
　　success: function(data){
　　　　var dataJson=eval('(' +data+ ')');
　　　　$("#str").text("");
　　　　$('#mytable').omGrid({
　　　　height : 400,
　　　　limit:0,
　　　　colModel :dataJson,
　　　　//contentType:'application/x-www-form-urlencoded; charset=utf-8',
　　　　dataSource:'findData.action?sqlval='+sqlval
　　});
　　}
　　, error:function(XMLResponse){
　　　　document.getElementById("tab").innerHTML="";
　　　　document.getElementById("tab").innerHTML='<table id="mytable"></table>';
　　　　var str=XMLResponse.responseText;
　　　　var str1=str.substring(str.indexOf("java"),str.lastIndexOf("</pre>"));
　　　　$("#str").text("");// 清空数据
　　　　$("#str").append(str1);
　　}
　　});
　　}else{
　　　　$.ajax({
　　　　type:'POST',
　　　　url:'updateAndDelete',
　　　　data:"sqlval="+sqlval,
　　　　dataType:'text',
　　　　limit:0,
　　　　contentType:'application/x-www-form-urlencoded; charset=utf-8',
　　　　success: function(data){
　　　　　　var dataJson=eval('(' +data+ ')');
　　　　　　$("#str").text("");
　　　　　　if(dataJson.update=='0002'){
　　　　　　　　alert("更新成功");
　　　　　　}else if(dataJson.del=='0001'){
　　　　　　　　alert("删除成功");
　　　　　　}else if(dataJson.insert=='0003'){
　　　　　　　　alert("插入数据成功");
　　　　　　}else if(dataJson.drop=='0004'){
　　　　　　　　alert("删除表成功");
　　　　　　else if(dataJson.create=='0005'){
　　　　　　　　alert("创建表成功");
　　　　　　}else{
　　　　　　　　alert("系统出错");
　　　　　　}
　　　　},error:function(XMLResponse){
　　　　　　var str=XMLResponse.responseText;
　　　　　　var str1=str.substring(str.indexOf("java"),str.lastIndexOf("</pre>"));
　　　　　　$("#str").text("");// 清空数据
　　　　　　$("#str").append(str1);
　　　　　}
　　　　});
　　}
}

关于后台代码这里就不展示了，无非就是执行前台传过来的sql语句并返回一些相应的信息

关于在页面上执行sql语句的更多相关文章

  1. Yii框架，在页面输出执行sql语句，方便调试

    1.下载yiidebugtb,并且放入到 application.extensions.yiidebugtb 目录 2.修改main.php,加入如下代码: 'log'=>array( 'cla ...

  2. 通过MyEclipse工具直接操作数据库，执行sql语句，方便快捷

    原文:通过MyEclipse工具直接操作数据库,执行sql语句,方便快捷 通过MyEclipse操作数据库,执行sql语句使我们不用切换多个工具,直接工作,方便快捷.效果如下: 步骤1:通过MyEcl ...

  3. ASP.NET MVC5+EF6+EasyUI 后台管理系统（89）-EF执行SQL语句与存储过程

    这一节,我们来看看EF如何执行SQL语句与读取存储过程的数据,可能有一部分人,还不知道EF如何执行存储过程与原生SQL语句! 我们什么时候要直接使用原生的SQL语句? 返回值过于复杂 过于复杂的联合查 ...

  4. 解决乱码的方法是，在执行SQL语句之前，将MySQL以下三个系统参数设置为与服务器字符集character-set-server相同的字符集

    character-set-server/default-character-set:服务器字符集,默认情况下所采用的. character-set-database:数据库字符集. characte ...

  5. easyui datagrid 禁止选中行 EF的增删改查（转载） C# 获取用户IP地址（转载） MVC EF 执行SQL语句（转载） 在EF中执行SQL语句（转载） EF中使用SQL语句或存储过程 .net MVC使用Session验证用户登录 PowerDesigner 参照完整性约束(转载)

    easyui datagrid 禁止选中行   没有找到可以直接禁止的属性,但是找到两个间接禁止的方式. 方式一: //onClickRow: function (rowIndex, rowData) ...

  6. 使用Hive或Impala执行SQL语句，对存储在HBase中的数据操作

    CSSDesk body { background-color: #2574b0; } /*! zybuluo */ article,aside,details,figcaption,figure,f ...

  7. 使用Hive或Impala执行SQL语句，对存储在Elasticsearch中的数据操作(二)

    CSSDesk body { background-color: #2574b0; } /*! zybuluo */ article,aside,details,figcaption,figure,f ...

  8. 使用Hive或Impala执行SQL语句，对存储在Elasticsearch中的数据操作

    http://www.cnblogs.com/wgp13x/p/4934521.html 内容一样,样式好的版本. 使用Hive或Impala执行SQL语句,对存储在Elasticsearch中的数据 ...

  9. [转]在EntityFramework6中执行SQL语句

    本文转自:http://www.cnblogs.com/wujingtao/p/5412329.html 在上一节中我介绍了如何使用EF6对数据库实现CRDU以及事务,我们没有写一句SQL就完成了所有 ...

随机推荐

  1. hdu2309ICPC Score Totalizer Software

    Problem Description The International Clown and Pierrot Competition (ICPC), is one of the most disti ...

  2. 分享一个手机端好用的jquery ajax分页类

    分享一个手机端好用的jquery ajax分页类 jquery-ias.min.js 1,引入jquery-ias.min.js 2,调用ajax分页 <script type="te ...

  3. Android 使用BroadcastReceiver的几种方法

    发送自定义广播 全局广播 发送标准广播 1.定义广播接收器.(在发送广播前,需要先定义一个广播接收器,不然发了也是白发) public class MyBroadcastReceiver extend ...

  4. xml文件的解析

    1. xml文件的解析 void CDataMgr::readStringData() { std::string xml_name = "config/string.xml"; ...

  5. http status 400,http 400,400 错误

    转载:http://blog.csdn.net/xu_zh_h/article/details/2294233 4 请求失败4xx 4xx应答定义了特定服务器响应的请求失败的情况.客户端不应当在不更改 ...

  6. Oracle EBS-SQL (INV-10):检查库存接口.sql

    /*检查库存接口表*/ select msi.segment1                            项目编码, msi.description                     ...

  7. IP defragment

    snort IP defragment 模型: BSD favors an original fragment with an offset that is less than or equal to ...

  8. hdu 1242 Rescue_bfs+优先队列

    翻出以前的代码看看 题意:走迷宫,遇到敌人要花一分钟. #include<iostream> #include<queue> using namespace std; char ...

  9. rpath 与runpath

  10. Android工程师面试准备知识点

    听+7哥说,把下面的全弄懂,面试必过,所以我就试着去把所有题目补充了一下,各位能耐的网友们,如果有吐槽或者补充的尽管给我留言,在这里谢过大家了. 1.   android的多线程如何通信 答:Andr ...