jquery ajax webservice 实现添加数据到数据库

jquery ajax webservice 实现添加数据到数据库,第1张

详坦州晌细实现写给你实在是没时间写的,可以告诉你思路。

首先呢迹碧,你现在页面上让锋写几个按钮

然后呢,你用Jquery封装好的ajax访问后台

再然后,后台把接收到数据,存入数据库,就这么简单

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

//创建一个form对象

var form = document.createElement("form")

//将form对象添加到body中

document.body.appendChild(form)

//设置form的属性,等价于<消粗form action="XXX.action" method="post"></form>

form.action = 'QuestionAction!pAsk'

form.method = 'post'

//创建隐藏input

var newInput = document.createElement("input")

newInput.setAttribute("type","hidden")

newInput.setAttribute("name","title")

newInput.setAttribute("value",title)

//将隐藏input添加到form中拿正镇

form.appendChild(newInput)

//提交form对象

form.submit()

//页面

                $.ajax({

                    type: "POST",

                    url: "路径/xxxx.ashx",

                    async: false,

                    data: {

                        //由于你需要传递很多数据到后台,这里我才用了序列化表单的方式;你也可以自定义一个js类,然后把数据填充,然后转换成json格式的字符串,传递到中卜后台。

                        data: $("form").serialize() 

                    },

                    complete: function (XHR, status) {

                        XHR = null

                    },

                    success: function (data) {

                        data = $.parseJSON(data)

                        if (data.success == true) {

                            alert("成功")

                        }

                        else{

                            alert("失败")

                        }

                    },

                    error: function (XHR) {

              伏稿          alert(XHR)

                    }

                })

然后你需要创建一个“一般处理程序”,里面的代码大致如下:

    public void ProcessRequest(HttpContext context)

    {

        context.Response.ContentType = "text/plain"

        //result中就是传递过来的所有数据

        卖厅穗string result = context.Request.Form

        //数据库 *** 作

        context.Response.Write("{success:true}")

    }

大致就是如此了。一个ajax请求并没有多么复杂。


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

原文地址:https://54852.com/bake/11982028.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存