我的ajax post 传不到servlet

问题描述

我的ajax post 传不到servlet

代码如下:

<script>
    function loadXMLDoc()
{
var xmlhttp;
        if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {// code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("div").innerHTML = xmlhttp.responseText;
            }
        }
        xmlhttp.open("POST", "/registeServlet", true);
        xmlhttp.setRequestHeader("Content-type",
                "application/x-www-form-urlencoded");

        xmlhttp.send("firstName=" + $("#FirstName").value & "lastName="
                + $("#LastName"));
    }
</script>
</head>
<body>
    <form>
        First name: <input type="text" name="FirstName" value="Bill"
            id="FirstName" /><br /> Last name: <input type="text"
            name="LastName" value="Gates" id="LastName" /><br />
        <!-- <button type="submit">提交<tton> -->
        <button type="button" onclick="loadXMLDoc()">序列化表单值<tton>
    </form>
    <div id="results"></div>

为什么我的post就是传不到servlet呢?URL地址我已经验证过在浏览器可以访问到,如果直接用表单做也可以提交 但是这样就是不行 急啊。。。各位大神帮帮忙啊

解决方案

encodeURIComponent编码下内容,可能是出乱码了

   xmlhttp.send("firstName=" + encodeURIComponent$("#FirstName").value) & "lastName="
                + encodeURIComponent$("#LastName")));

而且你倒入了jquery框架,干嘛还要自己写ajax代码。。⊙﹏⊙b汗。。。

解决方案二:

而且方法也用错了。。jquery对象没有value属性。一个传递的是jquery对象。字符串连接也错了,是+,&要放到引号里面

 xmlhttp.send("firstName=" + encodeURIComponent($("#FirstName").val()) + "&lastName=" + encodeURIComponent($("#LastName").val()));
时间: 2024-09-16 06:25:09

我的ajax post 传不到servlet的相关文章

Ajax上传实现根据服务器端返回数据进行js处理的方法_AJAX相关

本文实例讲述了Ajax上传实现根据服务器端返回数据进行js处理的方法.分享给大家供大家参考.具体如下: Ajax上传说白了还是使用form表单提交,在当前页面加一个iframe,将提交的内容跳转到iframe中,造成一种页面无刷新的错觉. 以前也做过上传,基本是是使用commons-fileupload组件,基本的步骤是使用servlet处理完上传之后,使用PrintWrite的对象实例输出显示内容,可以是直接输出内容,也可以是输出script进行操作如 复制代码 代码如下: response.

Ajax上传实现根据服务器端返回数据进行js处理的方法

本文实例讲述了Ajax上传实现根据服务器端返回数据进行js处理的方法.分享给大家供大家参考.具体如下: Ajax上传说白了还是使用form表单提交,在当前页面加一个iframe,将提交的内容跳转到iframe中,造成一种页面无刷新的错觉. 以前也做过上传,基本是是使用commons-fileupload组件,基本的步骤是使用servlet处理完上传之后,使用PrintWrite的对象实例输出显示内容,可以是直接输出内容,也可以是输出script进行操作如 复制代码 代码如下:response.g

php-PHP+ajax上传文件滚动条怎么做?

问题描述 PHP+ajax上传文件滚动条怎么做? 想做个上传文件袋滚动条的功能,用PHP+ajax来实现,例如点击 上传按钮 上传后返回上传成功路径,有滚动条显示.谁有代码分享下,谢谢 解决方案 http://www.helloweba.com/view-blog-189.html 解决方案二: swfupload,uploadify都可以(flash实现).. ajax是不能上传文件件的,要结合html5的formdata对象才行 jquery.form.js好像也有进度条(在支持formda

后台file为null-jquery ajax 上传文件 后台取不到file

问题描述 jquery ajax 上传文件 后台取不到file 正在做一个文件上传的程序,在上传之前需要验证文件的大小,不能超过10M,我采用的是jquery ajax的方式提交到后台Action,由后台Action判断文件大小. 首先看jsp页面: 上传的文件不得大于10M ....省略部分.... javascript代码: function checkFileSize() { var uploadfile = jq("#uploadfile"); var returnval =

ajax-Asp.net MVC Ajax post 传json格式数据控制器如何接收

问题描述 Asp.net MVC Ajax post 传json格式数据控制器如何接收 这是我的ajax代码 这是我要传的数据 这是我的控制器方法 求大师解惑,我的控制器方法里该如何接收这些值啊? 解决方案 http://www.jb51.net/article/23354.htmhttp://www.jquery001.com/pass-json-data-in-asp.net-mvc3.html 解决方案二: http://www.cnblogs.com/kissdodog/archive/

servlet-js中使用ajax函数做同步请求Servlet连接数据库进行验证

问题描述 js中使用ajax函数做同步请求Servlet连接数据库进行验证 这是一个js表单验证,验证email的部分,我想达到的目的是在输入email信息结束后进行验证,前两个条件直接自身进行验证,效果已经实现了,后面的那个我想用ajax的效果进行同步验证,防止email重复,但是效果一直出不来,不知道是否是ajax函数参数设置有问题什么的,或者eclipse出bug什么的,请问有人帮忙看一下的么? email输入部分代码: Email: id="email" class="

html5-基于Bootstrup 3可预览的HTML5文件上传插件,Ajax上传方式,如何做出响应?

问题描述 基于Bootstrup 3可预览的HTML5文件上传插件,Ajax上传方式,如何做出响应? http://www.htmleaf.com/html5/html5muban/201505091801.html 查看演示中,最后一个上传方式是用Ajax方式上传,那么如何才能做出响应呢? 我上传成功后显示 我书读的少,求大神告诉我这个应该怎么写? 解决方案 基于ajax的Html5文件上传插件,带进度并支持图片预览 解决方案二: http://blog.csdn.net/pkgray/art

基于HTML5的可预览多图片Ajax上传_AJAX相关

一.关于图片上传什么什么的 在XHTML的时代,我们使用HTML file控件上传图片一次只能上传一张.要一次上传多图,做法是借助于flash.例如swfupload.js.可惜,使用复杂的点,比如flash文件需与页面同父文件夹,JavaScript文件大小也很可观. 我之前曾翻译编辑过一篇"Ajax Upload多文件上传插件"的文章,此插件的亮点是使用隐藏的iframe框架页面模拟ajax上传,但是,实际上,还是一次只能上传1张图片,可以多次上传而已. HTML5是个好东东,其中

ajax上传时参数提交不更新等相关问题_基础知识

先前,我从网上下载了一个jQuery的Ajax上传插件,网页的左侧是上传分类,想要实现的一个功能是如此这样的:我本来是打算在服务端根据上传分类建立不同的文件夹来保存文件的,因此这个就需要传一个上传分类参数给后台.这些上传分类是从数据库读出,用repeater生成的.当点击其中一个分类时就给他设置一个样式,并且将这个分类的名字保存到一个变量uploadCatlog中.我可以取到分类并传给后台,但是很奇怪的是只有第一次是正确的,以后的每次参数都不更新.其实在上传插件的onComplete回调函数中也