Chrome and Ajax

Question

5.00/5 (1 vote)

See more:

Hi, I already made an autocomplete extender functionality and it is working fine on IE, but when running it in Google Chrome, it is not working. So can anyone help me please?

This is my code :
In Html:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head  runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1"  runat="server">
     <asp:ToolkitScriptManager ID="ScriptManager2" runat="server"  EnablePartialRendering="true" > 
    <services> 
    <asp:ServiceReference Path="DataService.asmx" /> 
    </services> 
     
    <div>
    
        <asp:TextBox ID="TextBox1" runat="server">
        <asp:AutoCompleteExtender BehaviorID="AutoCompleteExtenderBehaviour" ID="TextBox1_AutoCompleteExtender" runat="server" 
          MinimumPrefixLength="1"  CompletionSetCount="10"  DelimiterCharacters=""  ShowOnlyCurrentWordInCompletionListItem="true" Enabled="True" ServicePath="DataService.asmx" TargetControlID="TextBox1" ServiceMethod="GetCities">
        <animations>
                <onshow>
                    <sequence>
                         <hideaction visible="true"></hideaction>
                         <fadein duration=".50" fps="10" />
                    </sequence>
                </onshow>
                <onhide>
                    <sequence>
                         <hideaction visible="true"></hideaction>
                         <fadeout duration=".50" fps="10" />
                    </sequence>
                </onhide>
           </animations>
        
       
        <br />
        <br />
        
    
    </div>
    </form>
</body>
</html>

In Webservice :

using System;
using System.Collections;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Xml.Linq;
using System.Data;
using System.Collections.Generic;

[WebService(Namespace = "http://temf.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
 [System.Web.Script.Services.ScriptService]
public class DataService : System.Web.Services.WebService {

     public static IList<string> _cityList;
    public DataService () {

       //InitializeComponent(); 
    }

    [WebMethod]
    public string[] GetCities(string prefixText, int count)
    {

        //Gets the city list
       IList<string>  cityList = GetCityData();

        //using linq to select the cities based on the prefix text
        var result = from city in cityList.AsEnumerable()
                     where city.ToUpper().StartsWith(prefixText.ToUpper())
                     select city;
        //return the result as a string[] by taking only the top n
        return result.Take(count).ToArray<string>();
    }
    private IList<string> GetCityData()
    {
        if (_cityList == null)
        {
            CreateCityList();
        }

        return _cityList;
    }
    private static void CreateCityList()
    {
        _cityList = new List<string>();
        _cityList.Add("Boston");
        _cityList.Add("NewYork");
        _cityList.Add("California");
        _cityList.Add("New Jersey");
        _cityList.Add("Denver");
        _cityList.Add("Detroit");
        _cityList.Add("Idaho");
        _cityList.Add("Ohio");
        _cityList.Add("Los Angeles");
        _cityList.Add("Las Vegas");
        _cityList.Add("Philadelphia");
        _cityList.Add("Phoenix");
        _cityList.Add("San Antonio");
        _cityList.Add("San Diego");
        _cityList.Add("Dallas");
        _cityList.Add("San Jose");
        _cityList.Add("San Francisco");
        _cityList.Add("Columbus");
        _cityList.Add("Seattle");
        _cityList.Add("Washington");
        _cityList.Add("Oklahoma City");
        _cityList.Add("New Orleans");
        _cityList.Add("Honolulu");
        _cityList.Add("Virginia Beach");
    }    
}

</string></string></string></string></string>

Posted 25-Jan-11 8:51am

mhamad zarif

Updated 26-Jan-11 5:51am

v3

Add a Solution

Comments

Manfred Rudolf Bihy 25-Jan-11 15:46pm

Pleas don't repost your questions. This is not tolerable! Your repost has been deleted.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Manfred Rudolf Bihy · Answer 1 · 2011-01-25T09:00:00

Solution 1

To make life easier for you it would be best to use cross browser compatible javascript libraries. I suggest jQuery and PrototypeJS:
http://prototypejs.org/[^]
http://jquery.com/[^]
Using these libraries you don't have to do all the hard stuff yourself. You may want to check though which broswers in which versions are supported.

Best Regards,
Manfred

Posted 25-Jan-11 9:00am

Manfred Rudolf Bihy

v2

Comments

mhamad zarif 25-Jan-11 15:08pm

Thanks for your help,but is there another way to solve this problem ? since i must what iam doing and i do not have enough time to study new technologies.Thanks in advance.

Manfred Rudolf Bihy 25-Jan-11 15:44pm

Then you'll have to debug your javascript: "Page/Developer/Javascript Console" in Google Chrome. This should give you enough hints which parts of your javascript is giving you problems.

Bryian Tan 25-Jan-11 19:06pm

Hi,
Please post your code, so that we can easily replicate your problem. or do you have the link to the web application?

mhamad zarif 26-Jan-11 13:45pm

Hi,i pasted my code up so i hope that you check it please.Thanks in advance.

Bryian Tan 26-Jan-11 14:18pm

hello,
It works on Google Chrome. I'm testing it with your webservice and the markup code from. I tried to use the markup code you provided but didn't work, getting run-time error. So, what exactly is not working on Google Chrome? any error message?

http://www.asp.net/ajaxlibrary/HOW%20TO%20Use%20the%20AutoComplete%20Control.ashx

mhamad zarif 26-Jan-11 14:30pm

Actually no error is generated.I am simply typin characters in the textbox but not getting suggestions,while when testing it in IE,iam gettin suggestions.But when you tested my code it worked in chrome or not ?

Bryian Tan 26-Jan-11 15:09pm

yes, it works in Google Chrome.

mhamad zarif 26-Jan-11 15:18pm

I am really so surprised.How my code is working with yo and not working with me.

Espen Harlinn 30-Jan-11 15:59pm

Good advice - If I need to do anything using javascript, I always look to jQuery or some other well tested library

PCMF · Answer 2 · 2011-04-21T04:33:00

I am also having similar problems with Chrome and Ajax JQuerry call to the handler ashx.
After several hours of searching, I found that the problem is between Chrome and how the response is returned.
The mode of response must be end completed only by:

context.Response.Flush();
//    context.Response.Close();   //  Chrome problem //
context.Response.End();

Especially do not use "context.Response.Close()" I've read there post
It is "Close" which cuts the connection that triggers the error in Chrome.

Hoping that it might be useful to all.

PCMF