JQuery to Reload DIV Layer with PHP GET from Text Box

Question

Greetings from some noob trying to learn JQuery,

I am attempting to make it when you type something in a box below a div layer it reloads that layer upon submission of the form with a php get of the text box in the form. Expected behavior is it would reload that box, actual behavior is it don't do anything. Can someone help me out here.... Below is the code.

<div id="currentwxdiv">This is where the new stuff happens
</div>
<form name="changewx" action="/">
<input type="text" id="city">
 <input type="submit" name="submit" class="button" id="submit_btn" value="New City" /> 
</form>
<script>
  /* attach a submit handler to the form */
  $('form[name="changewx"]').submit(function(event) {


    /* get some values from elements on the page: */
    var $form = $( this ),
        city = $('#city').val()

    /* Send the data using post and put the results in a div */
    $('#currentwxdiv').load('http://api.mesodiscussion.com/?location=' + city);
    return false;

  });
</script>

Its giving the Javascript Console Error Error....

"XMLHttpRequest cannot load http://api.mesodiscussion.com/?location=goodjob. Origin http://weatherofoss.com is not allowed by Access-Control-Allow-Origin."

This may not solve your problem, but the page you are 'post'ing data to is a directory, not a script. You may want to add either zones.php, current.php, embed.php or untitled.php — Ram
– Ram, Commented Feb 4, 2012 at 14:52
@Ram - I added the current.php - that was an error. Thanks for pointing that out. However it did not solve the problem. It still seems to be doing nothing. — Zachary Lassiter
– Zachary Lassiter, Commented Feb 4, 2012 at 15:31
@RoryMcCrossan XMLHttpRequest cannot load api.mesodiscussion.com/?location=goodjob. Origin weatherofoss.com is not allowed by Access-Control-Allow-Origin. — Zachary Lassiter
– Zachary Lassiter, Commented Feb 4, 2012 at 15:34

Jorge Olivares · Accepted Answer · 2012-03-21 19:38:33Z

1

You are using POST method? is impossible to post to an external url because with ajax, the url fails the "Same Origin POlice".

If you use GET method, is possible to do that.

Another solution is to make a proxy. A little script that recive the params and then... using CURL or another thing you have to post to the external URL... finally, you jquery have to do the post thing to the proxy:

For example:

$.ajax({
  url: '/proxy.php?location=' + city,
  success: function(data) {
     $('#currentwxdiv').html(data);

  }
});

answered Mar 21, 2012 at 19:38

Jorge Olivares

1,5021 gold badge11 silver badges15 bronze badges

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

Comments

chenio · Accepted Answer · 2012-02-04 14:51:09Z

0

I do it so:

    <div id="currentwxdiv">This is where the new stuff happens
    </div>
    <form name="changewx" action="/">
    <input type="text" id="city">

    </form>
    <script>

$('#city').keyup(function() {
var city = $('#city').val() 

$.ajax({
  url: 'http://api.mesodiscussion.com/?location=' + city,
  success: function(data) {
     $('#currentwxdiv').html(data);

  }
});



});

    </script>

answered Feb 4, 2012 at 14:51

chenio

6123 gold badges11 silver badges27 bronze badges

2 Comments

Codex73 Over a year ago

I would try adding to the ajax function. data: "&location=" +city and removing it from post url

chenio Over a year ago

try it: var city = $('#city').val();

Jorge Olivares · Accepted Answer · 2012-03-28 21:34:50Z

0

To help you out, i need to test this. What's the url address of your html code working ?

http://api.mesodiscussion.com/?location= doesn't work... only list the directory content... maybe that's de problem?

Greatings.

answered Mar 28, 2012 at 21:34

Jorge Olivares

1,5021 gold badge11 silver badges15 bronze badges

Collectives™ on Stack Overflow

JQuery to Reload DIV Layer with PHP GET from Text Box

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related