How to use ajax inside javascript in html

Question

I have below js function, I need to call /print2 function without clicking any buttons. I tried to write ajax to that. By the way, I am newer in ajax and js.

Where is the problem ı could not see ?

Thank you...

<script type="text/javascript" >
     function plot() {


    $.ajax({
        url: '/print2',
        success: function(data) {
            console.log('get info');

            $('#description').html(data['description']);
        }
    });


}

   plot()
</script>

It says

(index):30 Uncaught ReferenceError: $ is not defined at plot ((index):30) at (index):38

Where is the problem ?

Edit

$(document).ready(function () {
  //your code here
});

I wrapped my function with this code. As it stated here JQuery - $ is not defined

However, I it is not solve my problem.

I did it stackoverflow.com/questions/2194992/jquery-is-not-defined and add this $(document).ready(function () { //your code here }); — ozer
– ozer, Commented Sep 18, 2019 at 14:37

thatguy · Accepted Answer · 2019-09-18 14:37:00Z

1

It looks like you do not have jQuery. To get jQuery you include the following script at the end of the body tag in your HTML.

<script
  src="https://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>

make sure it is before this closing tag below.

</body>

answered Sep 18, 2019 at 14:37

thatguy

1,2799 silver badges26 bronze badges

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

8 Comments

Tyler Roper Over a year ago

@ozer jQuery is a JavaScript library - think of it as an "extension" to JavaScript. All references to $ in your code are trying to reference jQuery functions, but without including jQuery, you can't use jQuery functions.

thatguy Over a year ago

@ozer Ajax is built into jQuery. You can not use one without the other. This script tag tells the browser to load jQuery into your page. Without it, you will not be able to use any jQuery functionality. If the answer fixed our issue please select it as closed to let others know that the issue has been solved.

Tyler Roper Over a year ago

@thatguy "You can not use one without the other. " - this is incorrect. You can certainly use jQuery without AJAX, and you can certainly use AJAX without jQuery.

thatguy Over a year ago

@TylerRoper True, and I can see your issue with the comment and understand where you are coming from. My comment was more directed towards the $.ajax syntax the OP is using while also not trying to confuse or overwhelm a newer developer. Keeping it simple in the beginning is key to learning. Deep dives into the technologies and semantical differences will only confuse and deter someone who is just learning.

thatguy Over a year ago

@TylerRoper makes sense. I will be sure to be more explicit in the future.

|

Collectives™ on Stack Overflow

How to use ajax inside javascript in html

Edit

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Edit

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related