Unexpected Identifier Within jQuery.ajax() At Context

Question

I'm trying to use ajax to send back a string var from ProParty.php and load it into the tag ID "PartyTitle". However I'm getting this error:

Uncaught SyntaxError: Unexpected identifier

On this line: context: document.getElementById("PartyTitle").innerHTML

Here is the ajax that loads with the body of the document:

$.ajax({
      url: "ProParty.php",
      data: { Action: "Load", loadWhat : "PartyName" , PartyId: "1" },
      type: "GET",
      context: document.getElementById("PartyTitle").innerHTML
    }).done(function() {

    });

Here is the HTML tag that I want to edit/fill.

<h2><p id= "PartyTitle"> Editing Your Party  </h2>

BTW, what are you expecting passing a string as context to do? — A. Wolff
– A. Wolff, Commented Jun 19, 2014 at 17:27
context should be a plain object, not a string. Reference — War10ck
– War10ck, Commented Jun 19, 2014 at 17:31

Kenny Thompson · Accepted Answer · 2014-06-19 17:46:46Z

2

You are missing a comma after "GET" on the previous line. The following should work:

$.ajax({
  url     : "ProParty.php",
  data    : { Action: "Load", loadWhat : "PartyName" , PartyId: "1" },
  type    : "GET",
  context : document.getElementById("PartyTitle").innerHTML
}).done(function() {

});

*Edit to answer your question in the above comments

$.ajax({
  url     : "ProParty.php",
  data    : { Action: "Load", loadWhat : "PartyName" , PartyId: "1" },
  type    : "GET",
  success : function (data) {
    $('#PartyTitle').html(data);
  }
});

-- with load ( http://api.jquery.com/load/ ) --

$('#PartyTitle').load('ProParty.php', { Action: "Load", loadWhat: "PartyName", PartyId: "1" });

edited Jun 19, 2014 at 17:46

answered Jun 19, 2014 at 17:27

Kenny Thompson

1,49212 silver badges28 bronze badges

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

9 Comments

A. Wolff Over a year ago

+1 I understand question like that too, even you could use load() instead, which exists for this exact purpose. That's said, passing data as object to load() make it request of type POST

Kenny Thompson Over a year ago

You would be using less code. It sounds like it calls ajax in the background anyways. See: forum.jquery.com/topic/jquery-load-vs-jquery-ajax and stackoverflow.com/questions/1246137/…

A. Wolff Over a year ago

Ya, load() is a shorthand for some ajax request, setting content on matched element

WhiteShadow Over a year ago

@KennyThompson I just started playing with ajax yesterday so I'm really limping along. I know its a lot but could you rewrite this to use load() so that I can see how it transfers over?

WhiteShadow Over a year ago

Thank you Very much! Is there some way that I can give you some extra points or something?

|

War10ck · Accepted Answer · 2014-06-19 17:33:11Z

1

According to the API documentation, context should be a plain object not a string.

Change your code like so:

$.ajax({
  url: "ProParty.php",
  data: { Action: "Load", loadWhat : "PartyName" , PartyId: "1" },
  type: "GET",
  context: document.getElementById("PartyTitle")
}).done(function() {
    // Reference the element as $(this)...
});

Reference: jQuery.ajax()

answered Jun 19, 2014 at 17:33

War10ck

12.5k7 gold badges46 silver badges56 bronze badges

Collectives™ on Stack Overflow

Unexpected Identifier Within jQuery.ajax() At Context

2 Answers 2

9 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related