怎样用jquery 将表单的数据上传到数据库中

怎样用jquery 将表单的数据上传到数据库中,第1张

JQuery构造一个form对象,然后formsubmit();就等于是普通form表单向后台提交了!

//创建一个form对象

var form = documentcreateElement("form");

//将form对象添加到body中

documentbodyappendChild(form);

//设置form的属性,等价于<form action="XXXaction" method="post"></form>

formaction = 'QuestionAction!pAsk';

formmethod = 'post';

//创建隐藏input

var newInput = documentcreateElement("input");

newInputsetAttribute("type","hidden");

newInputsetAttribute("name","title");

newInputsetAttribute("value",title);

//将隐藏input添加到form中

formappendChild(newInput);

//提交form对象

formsubmit();

AJAX 其实说白了就是页面级调用程序方法的一个行为吧

其中不管是 $ajax或者是$post、$get,最主要的都是三个参数url、参数、返回结果处理

例如:

$post("你的制定后台路径一般处理程序",{"查询条件1":"查询条件1的值","查询条件2":"查询条件2"},function(data){

//这里是处理 返回值 data就是你一般处理程序的 response

//这里处理 返回值 如d窗

},“JSON”)

至于一般处理程序,后台部分,就是通过 request的方式接收参数,然后通过SQL来查询数据库,这个我觉得 没什么问题吧

至于返回的时候,因为上面定义的是JSON返回类型,所以把结果输出成JSON格式,推荐一个网站 bejsoncom 这个可以验证你的正确性

这个问题其实网上很多的,仔细找找,肯定有所收获

1获取DataSet

2转成DataTable

3

public static string DataTableToJson(DataTable dt)

{

StringBuilder jsonBuilder = new StringBuilder();

//jsonBuilderAppend("'

//jsonBuilderAppend(dtTableName);

jsonBuilderAppend("[");

for (int i = 0; i < dtRowsCount; i++)

{

jsonBuilderAppend("{");

for (int j = 0; j < dtColumnsCount; j++)

{

jsonBuilderAppend("\"");

jsonBuilderAppend(dtColumns[j]ColumnName);

jsonBuilderAppend("\":\"");

jsonBuilderAppend(dtRows[i][j]ToString());

jsonBuilderAppend("\",");

}

jsonBuilderRemove(jsonBuilderLength - 1, 1);

jsonBuilderAppend("},");

}

jsonBuilderRemove(jsonBuilderLength - 1, 1);

jsonBuilderAppend("]");

//jsonBuilderAppend("}"); //输出的要求不要'}'

return jsonBuilderToString();

}

4把Json字串Response出来

5获取Json字串

function load() //页面加载

{

$ajax({

type:"post",

url:"/Handler/LinkManHandlerashx",//从哪获取Json

data:"action=getLinkMan&id="+comId,//Ajax传递的参数

beforeSend:function(){

//获取之前显示 loading 或 正在加载

},

success:function(mess)

{

$("#divImage")hide();

if(mess!="]")// 如果获取的数据不为空

{

var type=eval(mess);

var str="<a>首页</a>"

for(var i=0;i<typelength;i++)

{

// *** 作type 获取东西

str+="<a>"+type[i]数据库字段名+"</a>

}

$("#divLinkMan")html(str);//把str嵌入div divLinkMan 中

}

else

{

var notfind="<h2>未找到数据<a href='/Mainhtm' target='_parent'>返回</a></h2>"

$("#divLinkMan")html(notfind);

}

},

complete:function()

{

//所有的都执行完后的方法

}

});

}

以上就是关于怎样用jquery 将表单的数据上传到数据库中全部的内容,包括:怎样用jquery 将表单的数据上传到数据库中、jquery ajax怎么从数据库查询数据、jquery怎么把读取数据库的数据加载到table中等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/9510200.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存