jQuery ui autocomplete with Django return 404

Question

I'm implementing an autocomplete search using jQuery UI and Django models.

Here is my view:

def get_ticker(request):
    if request.is_ajax():
        q = request.GET.get('term', '')
        symbols = Symbol.objects.filter(name__istartswith=q)
        results = []
        for symbol in symbols:
            symbol_json = {'name': symbol.name, 'symbol': symbol.symbol}
            results.append(symbol_json)
        data = json.dumps(results)
    else:
        data = 'Can\'t get data...'
    mimetype = 'application/json'
return HttpResponse(data, mimetype)

url:

url(r'^api/get_ticker/$', views.get_ticker, name='get_ticker'),

js:

$(function() {
   $("#ticker").autocomplete({
      source: "{% url get_ticker %}",
      minLength: 2,
   });
});

html:

 <div class="ui-widget">
      <input type="text" id="ticker">
 </div>

When I type in search box, I get error:

GET http://127.0.0.1:8000/finance/%7B%%20url%20get_ticker%20%%7D?term=hello 404 (NOT FOUND)

Is the js served as static content or is it rendered? You need to render it (or put the url in the html file, which is probably a better idea). — noamk
– noamk, Commented Jun 3, 2015 at 16:54
There are ways to render static django content (you can find them using google), but that's not a good solution IMHO. This javascript file is served as-is, without changes. The proper way to do this is to put the url in some property in the html (which is rendered), and access the property from the javascript. — noamk
– noamk, Commented Jun 3, 2015 at 19:57

xyres · Accepted Answer · 2015-06-03 17:11:06Z

1

I suspect you're serving the JS file separately. If that's the case, then you'll have to:

either write the full URL yourself in the JS file.

source: "/api/get_ticker/",

or copy the script in your HTML template.

<script>
    $(function() {
       $("#ticker").autocomplete({
           source: "{% url 'get_ticker' %}",
           minLength: 2,
       });
   });
</script>

answered Jun 3, 2015 at 17:11

xyres

22k5 gold badges64 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Bun Over a year ago

I think search is working but when I type in, it shows me drop down list without any text. Any ideas?

Bun Over a year ago

stackoverflow.com/questions/12393449/… this works for me.

Gocht · Accepted Answer · 2015-06-03 16:42:00Z

0

Try this:

$(function(){
  $('#ticker').autocomplete({
    source: "{% url 'get_ticker' %}",
    minLength: 2,
  });
});

edited Jun 3, 2015 at 16:42

answered Jun 3, 2015 at 16:35

Gocht

10.3k3 gold badges48 silver badges84 bronze badges

2 Comments

Bun Over a year ago

I'm still getting 404 (NOT FOUND).

Gocht Over a year ago

Are your url and application registered?

kylieCatt · Accepted Answer · 2015-06-03 16:43:07Z

0

Replace:

 "{% url get_ticker %}"

with

 "{% url 'get_ticker' %}"

Make note of the quotes

answered Jun 3, 2015 at 16:43

kylieCatt

11k5 gold badges45 silver badges55 bronze badges

3 Comments

Bun Over a year ago

I'm still getting 404 (NOT FOUND).

Bun Over a year ago

Yes exactly the same.@IanAuld

kylieCatt Over a year ago

Try "{% url 'get_ticker' | safe %}"

Collectives™ on Stack Overflow

jQuery ui autocomplete with Django return 404

3 Answers 3

2 Comments

2 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related