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(Ajax,jquery,prototype综合).rar

    5. **jQuery和Prototype**:这两个是JavaScript库,它们简化了Ajax的使用。jQuery提供了`.ajax()`、`.get()`、`.post()`等方法,Prototype有`Ajax.Request`和`Ajax.Updater`等,它们都封装了底层的XMLHttpRequest...

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

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

    prototype.js jquery.js 打包下载(包含各自的API)

    JavaScript是Web开发中不可或缺的一部分,而Prototype和jQuery是两种非常流行的JavaScript库,它们极大地简化了DOM操作、事件处理和动画效果。本压缩包包含了这两个框架的源码和API文档,对于学习和理解JavaScript...

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

    在这个例子中,我们关注的是使用AJAX和jQuery来实现这种功能。 首先,AJAX(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。它通过创建后台通信,使用户...

    jquery + prototype框架

    Prototype是在jQuery之前出现的一个JavaScript库,它同样提供了一套强大的工具来处理DOM、事件和Ajax操作。Prototype的主要特性包括: 1. **Element对象**: Prototype扩展了JavaScript的内置对象,如`Element`,...

    jQuery、Mootools、Prototype三大JavaScript框架中文手册

    然而,原生JavaScript的API庞大且不统一,为了简化开发,社区创造了一系列的框架,其中jQuery、MooTools和Prototype是三个非常著名的JavaScript库。这些框架提供了一致的接口,增强了DOM操作,简化了事件处理,并...

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

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

    prototype-AJAX案例

    在JavaScript的世界里,Prototype是一个非常著名的库,它扩展了JavaScript的基本对象,并且提供了一系列实用的函数,使得开发者在处理DOM操作、AJAX交互等方面的工作变得更加简单。本案例将重点探讨如何利用...

    javascript框架(json.jQuery.prototype).rar

    在给定的标题“javascript框架(json.jQuery.prototype).rar”中,我们可以推测这是一个关于JavaScript框架,特别是jQuery框架的教程或者参考资料。jQuery是广泛使用的JavaScript库,它简化了JavaScript的许多方面,...

    jquery prototype dojo 之 Ajax example and 学习总结

    本文将结合标题“jquery prototype dojo 之 Ajax example 和学习总结”以及描述,深入探讨jQuery、Prototype和Dojo这三种JavaScript库中的Ajax应用,以及相关的学习要点。 首先,jQuery是目前最流行的JavaScript库...

    prototype.js javaScript插件

    "Prototype.js"是一个针对JavaScript的开源库,旨在增强和扩展JavaScript的基本功能,尤其在处理DOM(文档对象模型)操作、事件处理以及Ajax交互时提供了极大的便利。 ### 1. Prototype.js核心概念 - **原型链**:...

    AJAX教程EXT教程JQUERY教程DWR教程PROTOTYPE教程

    在这些教程中,你将学习到如何使用AJAX实现页面的异步更新,使用EXTJS构建富客户端应用,利用jQuery进行高效的DOM操作和Ajax交互,通过DWR实现Java和JavaScript之间的无缝通信,以及如何利用Prototype库增强...

    web开发文档大全 js HTML5 dom prototype jquery

    在Web开发领域,JavaScript、HTML5、DOM、Prototype和jQuery是不可或缺的核心技术。这份压缩包文件包含了一系列关于这些主题的参考资料,旨在帮助开发者快速查阅和理解相关知识点。 首先,JavaScript是一种广泛使用...

    Js框架Jquery prototype 帮助文档

    在Web开发领域,jQuery和Prototype是两个非常流行的JavaScript库,它们都致力于简化DOM操作、事件处理、Ajax交互以及动画效果。这两个框架各有特色,为开发者提供了丰富的功能和便利。 ### jQuery jQuery是由John ...

    prototype_1.7.3.js 最新版本

    《prototype_1.7.3.js:JavaScript框架的里程碑》 在JavaScript的世界里,Prototype库是一个不可或缺的重要组成部分,尤其在Web开发领域,它为开发者提供了强大的功能和便利性。Prototype_1.7.3.js是这个库的一个...

    prototype_PrototypeJS1.6_

    标题"prototype_PrototypeJS1.6_"中提到的"Prototype"是一个JavaScript库,它为JavaScript编程提供了一套丰富的工具集,主要用于简化DOM操作、创建Ajax应用以及实现对象的继承机制。"1.6版本"表明这是该库的一个特定...

    jquery bootstrap prototype框架

    Prototype的Class和Function扩展让JavaScript的类和函数更具表现力,但与jQuery相比,Prototype在现代Web开发中的使用相对较少,因为jQuery的流行和更广泛的支持。 在实际开发中,这三个框架往往结合使用,jQuery...

    javascript手册大全,其中有jquery,prototype手册的

    总结这些手册,我们可以了解到JavaScript的核心概念、ECMAScript 5的特性,以及两个流行的JavaScript库——jQuery和Prototype的使用方法。通过学习这些资源,开发者不仅可以提升JavaScript的编码能力,还能掌握如何...

    prototype.chm+jquery详解

    标题"prototype.chm+jquery详解"提到了两个关键的JavaScript库:Prototype和jQuery。Prototype是早期非常流行的JavaScript库,它提供了一系列工具来简化DOM操作、事件处理以及Ajax交互。jQuery则是目前广泛应用的一...

    Prototype、JQuery和Mootools的概要图

    Prototype、jQuery和MooTools是三个非常流行的JavaScript库,它们都旨在简化JavaScript编程,提高开发效率。下面将对这三个库进行详细介绍。 Prototype是最早的JavaScript库之一,由Sam Stephenson于2005年创建。它...

Global site tag (gtag.js) - Google Analytics