如何使用Ajax在div中添加页面内容？

Question

I have a list in my site, and when I click each of the list items, I want the div next to them to reload with ajax, so as not to reload the whole page.

Here is my javascript

  parameters = "category_id="+categoryId;
  var result = ajaxFunction("changeCategory.php", parameters);
  $("#mydiv").html(result);

The ajaxFunction() function is the regular $.ajax() jQuery function, with "POST". In the "changeCategory.php" I call with include another php file. The problem is that the whole page is reloaded instead of only the div. I want to use this ajax function I have, cause I want to send data to my php file.

Does anyone know what should I do to reload only the div?

Thanks in advance

Answer 1

Try using load to load the div with the url contents -

$("#mydiv").load("changeCategory.php", {category_id: "category_id_value"} );

You can pass data to the url.

The POST method is used if data is provided as an object; otherwise, GET is assumed.