Home/ Questions/Q 8184003
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T01:21:02+00:00

I’m practicing coding jQuery and Ajax and making a plain Google search box, but

  • 0

I’m practicing coding jQuery and Ajax and making a plain Google search box, but it won’t work. There’s no console errors and debugging in Chrome doesn’t help much. Here’s the code:

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">

</script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#button").click(function() {
            $.ajax({
                url : "http://www.google.com/search",
                dataType : "html",
                success : function(data) {
                    $("#show").html(data)
                },
                fail : function() {
                    alert("failed lol")
                }
            })
        })
    })
</script>
</head>
<body>
    <div id="search">
        <form name="input" method="get">
            Google it: <input type="text" name="googleit" /> <br /> <br /> <input
                id="button" type="button" value="let me google that for you" />
        </form>
    </div>
    <div id="show"></div>
</body>
</html>

What’s wrong with this code?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can’t do a cross-domain call that easily, it’s restricted by Same Origin Policy. Check your network tab, it should state that the Request failed.

    Also you didn’t even hand over the value of your input-field. You should append it to the url like this ?q=hello.

            $.ajax({
            url : "http://www.google.com/search?q=" + $("input").val(),
            dataType : "html",

    You need a so called JSONP-call to access other domains.

    Take a look at the Google Search API.

    • 0