+ -
当前位置:首页 → 问答吧 → 新手关照~JQuery中ajax的提交问题

新手关照~JQuery中ajax的提交问题

时间:2009-03-16

来源:互联网

做了个文章提交的实例,可是提交不到数据库中去,比如说edit.js页面:

var title="取得文章标题";

var content="取得文章内容";

现在想提交add.ashx页面进行添加到数据库中

那么edit.js页面中

function(){
     $.ajax({
        dataType:"POST",
        ......(这里接下来该怎么写啊~????)
     })
}

照网上说的方法总是有错误,谁能帮我完成下上面的例子啊~~谢谢各位啦~~~!!!!

作者: cbywx   发布时间: 2009-03-16

用jquery form 插件很容易解决

http://www.malsup.com/jquery/form/#getting-started

这是手册上的。
$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
});

作者: lmss82   发布时间: 2009-03-16

function(){
     $.ajax({
       url:"saveartical.ashx",
        dataType:"json",
       type:"POST",
      data:{title:title,content:content },
     success: function(msg){
     alert( "Data Saved: " + msg );
   }


     })
}

作者: seekarmor   发布时间: 2009-03-16

楼上, 如果用json格式, 下面若不加引号好像会出错的, 我记不太清了, 不知道有没有搞错了
data:{title:title,content:content },  应该要 data: { "title": title, "content": content },

复制代码
  1. function submitData() {
  2.     var title="取得文章标题";
  3.     var content="取得文章内容";
  4.     $.ajax({
  5.         url: "server.ashx",   // 把这里的地址改成你的服务器端的名字
  6.         dateType: "post",
  7.         data: "title=" + title +
  8.                             "&content=" + content,
  9.         success: function(msg) {
  10.             alert(msg);                     // 服务器端返回的字符串.
  11.         }
  12.     });
  13. }

作者: lonely203   发布时间: 2009-03-17

html中的代码
<input type="button" id="btn_submint" value="提交" />

js:
<script language="javascript" type="text/javascript" src="../js/jquery-1.3.2.js"></script>
    <script language="javascript" type="text/javascript">
    $(function(){
    $("#btn_submint").click(function(){
   var title="取得文章标题";
  var content="取得文章内容";
    $.ajax({
    url: "server.ashx",                                                      //服务器文件名
   Type:"post",
   data: {"title":title,"content":content},
   success: function(msg)
  {alert(msg);
  }
  });
   });
   });
    </script>

作者: haiqiang346   发布时间: 2009-03-18