0 0

ajax查询怎么写 不要用prototype、jquery 纯JS的哈0

<form action="http://118.122.89.217:8808/ANBOSS/productView.c?do=queryProduct" method="post">
条码:<input name="barCode"/>
<input type="submit">
</form>

问题补充:希望能把我提供的表单 完整的写一下html哈 谢谢!
2012年12月13日 11:51

4个答案 按时间排序 按投票排序

1 0

采纳的答案

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript" language="javascript"> 
   window.onload = function() {
      var request = null; 
      document.getElementById("form").onsubmit = function() {
         //可以显示正在查询的图片   
         
         try {
           request = new XMLHttpRequest();
         } catch (trymicrosoft) {
           try {
             request = new ActiveXObject("Msxml2.XMLHTTP");
           } catch (othermicrosoft) {
             try {
               request = new ActiveXObject("Microsoft.XMLHTTP");
             } catch (failed) {
               request = false;
             }   
           }
         }
         var url = this.action + "&barCode=" + escape(document.getElementById("barCode").value);
         request.open("GET", url, true);
         request.onreadystatechange = callback;
         request.send(null);
         
         return false;
      };
      
      function callback() {
          if (request.readyState == 4) {
              if (request.status == 200) {
                 //处理返回的内容
                 alert(request.responseText);
              }
          }
      }
   
   };
</script> 
</head> 
<body> 
<form id="form" action="http://118.122.89.217:8808/ANBOSS/productView.c?do=queryProduct" method="post">
条码:<input id="barCode" name="barCode"/>
<input type="submit">
</form>
</body>
</html>

2012年12月13日 12:04
1 0

    var xmlhttp;
        function ajax(){
            if(window.ActiveXObject){
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }else if(window.XMLHttpRequest){
                xmlhttp = new XMLHttpRequest();
            }
            var url = "自定义";
            xmlhttp.open("GET",url,true);
            xmlhttp.onreadystatechange = openURL;
            xmlhttp.send(null);
        }

        function openURL(){
            if (xmlhttp.readyState == 4){
                if (xmlhttp.status == 200){
                    var json = xmlhttp.responseText;//返回的结果
                    window.open(json.authorizeUrl);
                }
            }
        }

2012年12月13日 11:56
0 0

我觉得如果可以的话,从goolge。

2012年12月13日 14:21
0 0

参考这个
http://blog.csdn.net/dncts/article/details/6189411

2012年12月13日 11:58

相关推荐

    疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发(part01)

    《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》绝大部分章节后都提供了相应的编程习题,供开发者巩固所学,将理论融入实际开发之用。关于这些编程习题的解题思路和参考答案可登录www.crazyit.org...

    疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发(分卷压缩part02)

    《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》绝大部分章节后都提供了相应的编程习题,供开发者巩固所学,将理论融入实际开发之用。关于这些编程习题的解题思路和参考答案可登录www.crazyit.org...

    级联下拉列表例子(ajax和jquery)&prototype1;.7&jquery;_jar

    其中包括一个级联下拉列表的小测试,用于ajax,jquery入门学习,还有prototype.1.7.js和jquery的jar包。

    jquery资源包 Jquery是继prototype之后又一个优秀的Javascrīpt框架

    jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的J&ouml;rn Zaefferer,罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架...

    jquery框架的js库

    有人使用这样的一比喻来比较prototype和jquery:prototype就像Java,而jquery就像ruby.实际上我比较喜欢java(少接触Ruby 罢了)但是jquery的简单的实用的确有相当大的吸引力啊!在项目里我把jquery作为自己唯一的...

    jQuery-1.3.js已压缩

    有人使用这样的一比喻来比较prototype和jquery:prototype就像Java,而jquery就像ruby.实际上我比较喜欢java(少接触Ruby 罢了)但是jquery的简单的实用的确有相当大的吸引力啊!在项目里我把jquery作为自己唯一的...

    jQuery-1.3.js未压缩

    有人使用这样的一比喻来比较prototype和jquery:prototype就像Java,而jquery就像ruby.实际上我比较喜欢java(少接触Ruby 罢了)但是jquery的简单的实用的确有相当大的吸引力啊!在项目里我把jquery作为自己唯一的...

    最新jQuery js包

    Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理...

    Web开发资料大全(文档手册案例等) 2【CSS JS Dom JQuery Ajax Dojo Prototype ASP SQL 截图工具 颜色选择 】

    Web开发资料大全(文档手册案例等) 【CSS JS Dom JQuery Ajax Dojo Prototype ASP SQL 截图工具 颜色选择 】

    jquery.1.11.1.js 和 jquery.1.11.1.min.js

    jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript...

    疯狂Ajax讲义pdf

    《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》绝大部分章节后都提供了相应的编程习题,供开发者巩固所学,将理论融入实际开发之用。关于这些编程习题的解题思路和参考答案可登录www.crazyit.org...

    Prototype、JQuery和Mootools的概要图

    Prototype、JQuery和Mootools的概要图,JAVA Script开发者手头必备!

    Javascript脚本库:jQuery类库

    jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的J&ouml;rn Zaefferer,罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架...

    jQuery使用手册(全).chm

    jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的! 本手册从以下几个内容来讲解jQuery的使用: 1...

    找到了一篇jQuery与Prototype并存的冲突的解决方法

    知道了原因就想办法解决吧,总不至于让我脱离jquery重新写一遍吧,去网上狂搜了一番终于找到了一些解决办法,这就是: 1、将jquery.js放到prototype.js后面(这个是必须的否则无论如何还是要罢工地)。 2、在jquery....

    JQuery核心用法快速查询文档

    jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript...

    jquery.js下载

    Jquery是继prototype之后又一个优秀的Javascript框架。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使...

    JQuery.js(导入文件)

    Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理...

    疯狂Ajax讲义.zip.002

    《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》是疯狂Java体系丛书之一,前8章基本以XHTML、JavaScript和DOM编 程为主,无须任何基础即可阅读;第9章以后的内容则需要掌握Spring、Hibernate等...

    jquery插件使用方法大全

    例如,使用了新的jQuery内部Ajax API就可以实现下面的代码了: // Assign handlers immediately after making the request, // and remember the jxhr object for this request var jxhr = $.ajax({ url: "example....

Global site tag (gtag.js) - Google Analytics