Classic ASP/AJAX - Auto Suggest Form

最新推荐文章于 2019-09-28 23:22:00 发布
最新推荐文章于 2019-09-28 23:22:00 发布
阅读量88 收藏
点赞数
文章标签： javascript ViewUI
Original - ASP Code
 
 
 
 
  
 
   
  1.  
     
     
      <%@LANGUAGE= 
      "VBSCRIPT" CODEPAGE= 
      "65001" 
      %> 
     
  2.  
     
    
       <html> 
     
  3.  
     
    
       <head> 
     
  4.  
     
    
       <script src= 
      "clienthint.js"></script> 
     
  5.  
     
    
       </head> 
     
  6.  
     
    
       <body> 
     
  7.  
     
    
         
     
  8.  
     
    
       <form> 
     
  9.  
     
    
       Enter Word: 
     
  10.  
     
    
       <input type= 
      "text" id= 
      "txt1" 
     
  11.  
     
    
       οnkeyup= 
      "showHint(this.value)"> 
     
  12.  
     
    
       </form> 
     
  13.  
     
    
         
     
  14.  
     
    
       <p>Suggestions: <span id= 
      "txtHint"></span></p> 
     
  15.  
     
    
         
     
  16.  
     
    
       </body> 
     
  17.  
     
    
       </html> 
     
 
  
 
 
 
 
 
 
 
 JavaScript Code:
 
  
 
 
 
 
  
 
   
  1.  
     
     
      var xmlHttp 
     
  2.  
     
    
         
     
  3.  
     
     
      function showHint 
      (str 
      ) 
     
  4.  
     
     
      { 
     
  5.  
     
     
      if 
      (str. 
      length== 
      0 
      ) 
     
  6.  
     
    
         
      { 
     
  7.  
     
    
         document. 
      getElementById 
      ( 
      "txtHint" 
      ). 
      innerHTML= 
      ""; 
     
  8.  
     
    
         
      return; 
     
  9.  
     
    
         
      } 
     
  10.  
     
    
       xmlHttp=GetXmlHttpObject 
      ( 
      ) 
     
  11.  
     
     
      if 
      (xmlHttp== 
      null 
      ) 
     
  12.  
     
    
         
      { 
     
  13.  
     
    
         
      alert 
      ( 
      "Your browser does not support AJAX!" 
      ); 
     
  14.  
     
    
         
      return; 
     
  15.  
     
    
         
      } 
     
  16.  
     
     
      var url= 
      "gethint.asp"; 
     
  17.  
     
    
       url=url+ 
      "?q="+str; 
     
  18.  
     
    
       url=url+ 
      "&sid="+Math. 
      random 
      ( 
      ); 
     
  19.  
     
    
       xmlHttp. 
      onreadystatechange=stateChanged; 
     
  20.  
     
    
       xmlHttp. 
      open 
      ( 
      "GET",url, 
      true 
      ); 
     
  21.  
     
    
       xmlHttp. 
      send 
      ( 
      null 
      ); 
     
  22.  
     
     
      } 
     
  23.  
     
    
         
     
  24.  
     
     
      function stateChanged 
      ( 
      ) 
     
  25.  
     
     
      { 
     
  26.  
     
     
      if 
      (xmlHttp. 
      readyState== 
      4 
      ) 
     
  27.  
     
     
      { 
     
  28.  
     
    
       document. 
      getElementById 
      ( 
      "txtHint" 
      ). 
      innerHTML=xmlHttp. 
      responseText; 
     
  29.  
     
     
      } 
     
  30.  
     
     
      } 
     
  31.  
     
    
         
     
  32.  
     
     
      function GetXmlHttpObject 
      ( 
      ) 
     
  33.  
     
     
      { 
     
  34.  
     
     
      var xmlHttp= 
      null; 
     
  35.  
     
     
      try 
     
  36.  
     
    
         
      { 
     
  37.  
     
    
         
      // Firefox, Opera 8.0+, Safari 
     
  38.  
     
    
         xmlHttp= 
      new XMLHttpRequest 
      ( 
      ); 
     
  39.  
     
    
         
      } 
     
  40.  
     
     
      catch 
      (e 
      ) 
     
  41.  
     
    
         
      { 
     
  42.  
     
    
         
      // Internet Explorer 
     
  43.  
     
    
         
      try 
     
  44.  
     
    
           
      { 
     
  45.  
     
    
           xmlHttp= 
      new ActiveXObject 
      ( 
      "Msxml2.XMLHTTP" 
      ); 
     
  46.  
     
    
           
      } 
     
  47.  
     
    
         
      catch 
      (e 
      ) 
     
  48.  
     
    
           
      { 
     
  49.  
     
    
           xmlHttp= 
      new ActiveXObject 
      ( 
      "Microsoft.XMLHTTP" 
      ); 
     
  50.  
     
    
           
      } 
     
  51.  
     
    
         
      } 
     
  52.  
     
     
      return xmlHttp; 
     
  53.  
     
     
      } 
     
 
  
 
 
 
 
 
 
 
 ASP Code:
 
  
 
 
 
 
  
 
   
  1.  
     
     
      <%@LANGUAGE= 
      "VBSCRIPT" CODEPAGE= 
      "65001" 
      %> 
     
  2.  
     
     
      <% 
     
  3.  
     
     
      response. 
      expires=- 
      1 
     
  4.  
     
     
      Dim rsWords 
     
  5.  
     
     
      Dim rsWords_numRows 
     
  6.  
     
     
      Dim q 
     
  7.  
     
     
      Dim hint 
     
  8.  
     
    
       q= 
      ucase 
      ( 
      request. 
      querystring 
      ( 
      "q" 
      ) 
      ) 
     
  9.  
     
    
       hint= 
      "" 
     
  10.  
     
     
      Set rsWords = 
      Server. 
      CreateObject 
      ( 
      "ADODB.Recordset" 
      ) 
     
  11.  
     
    
       rsWords. 
      ActiveConnection = 
      "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & 
      Server. 
      MapPath 
      ( 
      "db_hint_words.mdb" 
      ) 
     
  12.  
     
    
       rsWords. 
      Source = 
      "SELECT *  FROM TBL_WORDS  WHERE (word LIKE'" + q + 
      "%') ORDER BY WORD" 
     
  13.  
     
    
       rsWords. 
      CursorType = 
      2 
     
  14.  
     
    
       rsWords. 
      CursorLocation = 
      2 
     
  15.  
     
    
       rsWords. 
      LockType = 
      3 
     
  16.  
     
    
       rsWords. 
      Open 
      ( 
      ) 
     
  17.  
     
    
       rsWords_numRows = 
      0 
     
  18.  
     
    
         
     
  19.  
     
     
      If 
      Not rsWords. 
      EOF 
      Then 
     
  20.  
     
    
           
      Do 
      While 
      Not rsWords. 
      EOF 
     
  21.  
     
    
               
      If 
      trim 
      (hint 
      ) = 
      "" 
      Then 
     
  22.  
     
    
                   hint = rsWords 
      ( 
      "word" 
      ) 
     
  23.  
     
    
               
      Else 
     
  24.  
     
    
                   hint = hint & 
      " , " & rsWords 
      ( 
      "word" 
      ) 
     
  25.  
     
    
               
      End 
      If 
     
  26.  
     
    
               rsWords. 
      MoveNext 
      ( 
      ) 
     
  27.  
     
    
           
      Loop 
     
  28.  
     
     
      End 
      If 
     
  29.  
     
    
       if 
      trim 
      (hint 
      )= 
      "" 
      then 
     
  30.  
     
    
         
      response. 
      write 
      ( 
      "no suggestion" 
      ) 
     
  31.  
     
     
      else 
     
  32.  
     
    
         
      response. 
      write 
      (hint 
      ) 
     
  33.  
     
     
      end 
      if 
     
  34.  
     
    
         
     
  35.  
     
    
       rsWords. 
      Close 
      ( 
      ) 
     
  36.  
     
     
      Set rsWords = 
      Nothing 
     
  37.  
     
     
      %> 
     
 
  
 
 
 
 
 
 
 
 
 
 from: http://forums.aspfree.com/code-bank-54/auto-suggest-form-199141.html
 


                

        

        




    




            

                    
            

    

      

        

            

              
                
                  weixin_33969116
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
图片+文字信息混合上传（formData）

				
			

			

				

					07-20
				

			

		

		

			
				
图片的一些信息和图片文件通过ajax、formData上传到服务器

			
		

	



                

              
                



	

		

			

				
					
Ajax+Asp+Access注册表单源代码

				
			

			

				

					07-06
				

			

		

		

			
				
使用Ajax进行在线验证的注册表单，使用ASP+ACCESS验证，带验证码，代码简单易懂。

			
		

	



                


  
              

                


	

		

			

				
					
ASP+AJAX应用之注册用户即时检测

				
			

			

				

					管子（zero）的杂乱空间
				

				

					11-22
					
					1297
					
				

			

		

		

			
				
<!--google_ad_client = "pub-4490194096475053";/* 内容页,300x250,第一屏 */google_ad_slot = "3685991503";google_ad_width = 300;google_ad_height = 250;//--><script type="text/javascript"src="

			
		

	





	

		

			

				
					
asp+ajax解决中文乱码问题

				
			

			

				

					feiliboos
				

				

					10-19
					
					277
					
				

			

		

		

			
				
在ajax程序要调用的asp程序中加入如下代码:Response.ContentType = "text/html"Response.Charset = "GB2312" '解决乱码问题
示例:1.asp&lt;%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%&gt;
&lt;html&gt;&lt;head&gt;&lt;meta http-

			
		

	



		

			
		



	

		

			

				
					
asp,ajax 传递参数分页

				
			

			

				

					雪夜寻醉
				

				

					04-18
					
					1043
					
				

			

		

		

			
				
代码是从网上来的，有些地方改了。实现了根据用户信息的不固定搜索～list.htmhtml>head>title>title>script language="javascript">...function Ajax()...{var xhrObj=null;if(window.XMLHttpRequest)...{xhrObj=new XMLHttpRequest();}else if

			
		

	





	

		

			

				
					
Ajax-Live-Username-availability-check-suggest-username-Registration-Form.zip

				
			

			

				

					09-17
				

			

		

		

			
				
Ajax-Live-Username-availability-check-suggest-username-Registration-Form.zip,live-username-availability-check-suggest-username_using-php-and-jquery-ajax-registration-form,ajax代表异步javascript和xml。...

			
		

	





	

		

			

				
					
angular-auto-suggest:Angular.js的自动建议组件

				
			

			

				

					05-14
				

			

		

		

			
				
角度自动建议  - - 如何使用 - -  要检索组件，请使用Bower。 因此，将其包含在bower.json中 ... 注意：用正确的路径替换BOWER_PATH / angular-auto-suggest。  在您的应用程序中，注入自动建议组件，如下

			
		

	





	

		

			

				
					
ajax-类似google suggest 的一个简单例子

				
			

			

				

					05-02
				

			

		

		

			
				
**描述详解：** "ajax-类似google suggest 的一个简单例子 只有三个页面 js页-ajax asp页-功能实现 show页--显示页 要放在虚拟服务器上看 localhost中看" 这段描述说明了实现这个功能所需的三个关键文件和工作流程：...

			
		

	





	

		

			

				
					
AJAX实现仿Google Suggest效果

				
			

			

				

					10-30
				

			

		

		

			
				
本文将介绍如何使用AJAX技术来实现类似Google Suggest的功能，这是一种实时的、基于用户输入的搜索建议机制。Google Suggest通过在用户输入关键词时动态提供搜索建议，提高了用户体验，减少了不必要的键盘输入。以下...

			
		

	





	

		

			

				
					
ajax Suggest类似google的搜索提示效果

				
			

			

				

					10-30
				

			

		

		

			
				
Ajax Suggest是一个功能强大的JavaScript框架，它允许开发者创建类似Google搜索提示的效果，即在用户输入关键词时，自动显示与输入匹配的相关建议。这种实时的交互性增强了用户体验，减少了用户寻找和输入完整信息的...

			
		

	





	

		

			

				
					
ASP+AJAX简单实例

				
			

			

				

					wljhk2006的专栏
				

				

					05-12
					
					635
					
				

			

		

		

			
				
转自：

ASP+AJAX简单实例  
2009-06-12 08:38:10|  分类：

asp |举报
|字号 订阅






index.asp页面：





兼容多浏览器的AJAX入门实例




var xmlHttp;
//根据不同浏览器创建不同的XMLHttpRequest对象
function createXMLHttp()

			
		

	





	

		

			

				
					
使用Ajax以及Jquery.form异步上传图片

				
			

			

				

					weixin_33738555的博客
				

				

					03-16
					
					62
					
				

			

		

		

			
				


一、前言

之前做图片上传一直用的第三方插件，Uploadify  这个应该是用的比較多的，相同也用过别的。在方便了自己的同一时候也非常赞叹人家的功能。思来想去。仅仅会用别的人东西，始终自己学到的少，还是自己做个尝试一下吧。


二、效果
先来看看效果， 这是做微信接口开发的时候做的，比較简陋，仅仅是要实现功能而已。
(1):这是上传前的。


(2):这是未选择图片。...

			
		

	





	

		

			

				
					
FormData以及原生Ajax上传图片

				
			

			

				

					李余通的博客
				

				

					06-20
					
					5610
					
				

			

		

		

			
				
Ajax对于表单提交来说，是一个很好的工具，他提供了异步提交的效果，这使得用户提交表单时不需要刷新页面就可获知提交成功与否，但一直以来，网上的示例大都是JQuery上传的教程，原生Ajax似乎并不受大家热爱，更别提原生Ajax上传图片的教程了，本篇将为你讲述JavaScript中使用FormData上传文件的教程

FormData

FormData对象用以将数据编译成键值对，以便用XMLHtt...

			
		

	





	

		

			

				
					
asp+ajax 提交表单，直接显示出来，无提示（代码，无下载）

				
			

			

				

					weixin_30516243的博客
				

				

					01-14
					
					138
					
				

			

		

		

			
				
<!--ajax.asp-->
<%Dim conn,rsDim connstrDim sqlCmd
'创建数据库连接对象并打开set conn=server.createobject("adodb.connection")connstr="Provider=Microsoft.jet.oledb.4.0;data source=" & server.mappath(...

			
		

	





	

		

			

				
					
formData+ajax文件上传

				
			

			

				

					dirong0064的博客
				

				

					01-31
					
					123
					
				

			

		

		

			
				
html代码:

<form class="form-horizontal" enctype="multipart/form-data" method="post" id="abcdefg">
    <input id="js-input-file1" name="file1" class="js-fileupload" type="file">
   ...

			
		

	





	

		

			

				
					
ASP+Ajax+ASPJepg实现图片批量导入并生成大小图的方法

				
			

			

				

					kenny828的专栏
				

				

					11-02
					
					472
					
				

			

		

		

			
				
帮企业做网站，经常遇到有N多图片要加的，一张张浏览添加要N久，所以做了一个批量上传的功能。也拿来共享（马云说，世界是由懒人创造的）功能：可自动将原始图片（未经裁剪的原始图片）自动生成一个规定大小的缩略图和大图片存放至指定目录，并可自动将图片记录添加到数据库。方法：在网站根目录下新建一个目录（目录名为英文名），将原始图片拷贝进去，打开添加页面，导入即可。演示：http://mysheji.com/p

			
		

	





	

		

			

				
					
WEB页面通过ajax进行图片上传实例(附代码)

				
			

			

				

					weixin_30951231的博客
				

				

					09-28
					
					807
					
				

			

		

		

			
				
背景:公司需要一个签约页面,支持拍照或选择图片上传,应用场景主要在手机端.
页面代码:

 1 <!DOCTYPE html>
 2 <html>
 3     <head >
 4         <meta charset="utf-8"  name="viewport" content="width=device-width, ...

			
		

	





	

		

			

				
					
前端ajax同时传图片(兼图片展示)与文本信息的方法

				
			

			

				

					梦幻般的菜鸟的博客
				

				

					06-10
					
					4865
					
				

			

		

		

			
				
第一段的代码是点击上传图片的函数,可以验证图片信息和展示上传的图片,是在网上找的两端代码拼接的,改改就能用了.




function PreviewImage(imgFile)
{
    var filextension=imgFile.value.substring(imgFile.value.lastIndexOf("."),imgFile.value.length);
    fil...

			
		

	





	

		

			

				
					
微标asp无组件上传类v1.4（无刷新ajax上传，可检查图片木马，支持多文件，utf-8版）

				
			

			

				

					两天打鱼三天晒网
				

				

					06-04
					
					4892
					
				

			

		

		

			
				
asp无组件上传类v1.4，几大特色：

1.无组件

2.可检测简单的图片木马文件

3.支持中文命名的图片

4.ajax无刷新，不用frame！

5.可返回图片服务器路径

6.速度快

7.支持多文件

8.全新utf-8版

9.免费稳定

下载：https://github.com/sysdzw/aspupload











看上面，一句话木马的图片被检测出来了！

...

			
		

	





	

		

			

				
					
执行this.$router.push("/qh-suggest");后，报错Cannot read property 'push' of undefined TypeError: Cannot read property 'push' of undefined

					
最新发布

				
			

			

				

					05-13
				

			

		

		

			
				
这个错误通常是因为 `$router` 对象没有被正确... this.$router.push('/qh-suggest')  } }).$mount('#app') ```  如果你仍然无法解决问题，请提供更多的代码和上下文信息，以便更好地理解问题并提供更准确的解决方案。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值