Calling JSon file with ajax(Uncaught ReferenceError: request is not defined)

Question

Brand new to using JSon/ajax. Trying to replicate this jQuery UI Autocomplete using a static json file as source just as an example. I'm not positive I'm referencing this correctly if someone could let know whats wrong. Getting a (Uncaught ReferenceError: request is not defined)

<form id="searchform" method="get" role="search">
                <input id="searchfield" />
                <input type="submit" name="go" value="go!" />
            </form>


<script src='js/jquery-1.11.0.min.js'></script>
<script src="js/autocomplete/jquery-ui-1.10.3.custom.js" type="text/javascript" charset="utf-8"></script>

<script>
    $(function() {
    $.ajax({
        url: "json/Providers.json",
        dataType: "json",
        data: {term: request.term},
        success: function(data) {
            var cat_data = $.map(data, function(item) {
                return {
                    ProviderID: item.ProviderID,
                    Name: item.Name,                  
                };
            });
            $("#searchfield").catcomplete({
                delay: 0,
                source: cat_data,
                minlength:0
            });
        }
    });
});
</script>

json format

   {"Providers":[{"ProviderID":"3","NAME":"name1"}, 
    {"ProviderID":"4","NAME":"name2"},  
    {"ProviderID":"5","NAME":"name3"}]}

request is not defined. So what are you expecting request to be?! From where you copied this code you should be able to find where request is defined... — A. Wolff
– A. Wolff, Commented Jan 13, 2014 at 15:08
The message is pretty clear: request.term (request is not defined) — Merlin
– Merlin, Commented Jan 13, 2014 at 15:08
is 'request' a function in the jquery file? What do I need to replace it with? — user1
– user1, Commented Jan 13, 2014 at 15:09
@user1 Request is an object, test by replacing it by a string firstly: {term: "anything i want to search for"} But if you have no idea what you are looking for, please start by reading some basic tutos — A. Wolff
– A. Wolff, Commented Jan 13, 2014 at 15:13

Murali Murugesan · Accepted Answer · 2014-01-13 15:09:59Z

0

This particular data: {term: request.term}, is the problem

You need to define any javascript variable before accessing them.

 var request;

In your case data is not required. Just remove data: {term: request.term} since you are loading the static .json file

answered Jan 13, 2014 at 15:09

Murali Murugesan

22.6k18 gold badges76 silver badges123 bronze badges

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

3 Comments

user1 Over a year ago

What would I replace request with? I assumed that was a function from the jQuery file.

Merlin Over a year ago

data is to send parameters to the server. I guess you can remove it

user1 Over a year ago

removing it gives me more erros, please see my comments on the other answer

Praveen · Accepted Answer · 2014-01-13 15:15:20Z

0

Since you're a reading json file, it is clear there is no need to pass any parameter. So remove data: {term: request.term}

answered Jan 13, 2014 at 15:15

Praveen

56.7k35 gold badges137 silver badges169 bronze badges

9 Comments

user1 Over a year ago

get more errors removing it: OPTIONS file:///C:/Users/jswanson/Desktop/Survey/json/Providers.json No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

user1 Over a year ago

also this one: XMLHttpRequest cannot load file:///C:/Users/jswanson/Desktop/Survey/json/Providers.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

Quentin Over a year ago

Ajax is the act of making HTTP requests from JavaScript. Stop trying to do it without HTTP. Run a web server.

Praveen Over a year ago

@user1 this is called CORS.. you can overcome by changing dataType from json to` jsonp` or nove on to web servers.

user1 Over a year ago

only change the dataType and nothing else? still getting similar errors.

|

Collectives™ on Stack Overflow

Calling JSon file with ajax(Uncaught ReferenceError: request is not defined)

2 Answers 2

3 Comments

9 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

9 Comments

Linked

Related