python - flask jquery GET 404 -


i'm playing jquery in flask , have been making use of simple example found on runnable of adding 2 numbers together.

i'm using flask-appbuilder , have view setup display template, works fine. included jquery code template , displays should.

on flask side created view, , functions in view render template , receive variables in jquery request.

when click jquery link on template add 2 number together, see 404 error in python console.

[07/apr/2017 09:48:53] "get /_add_numbers?a=1&b=1 http/1.1" 404 -

here's have in template:

{% extends "appbuilder/base.html" %}  {% block content %}     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>     <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"           rel="stylesheet">   <script type=text/javascript>     $(function() {       $('a#calculate').bind('click', function() {         $.getjson('/_add_numbers', {           a: $('input[name="a"]').val(),           b: $('input[name="b"]').val()         }, function(data) {           $("#result").text(data.result);         });         return false;       });     });   </script>    <body>     <div class="container">       <div class="header">         <h3 class="text-muted">how manage json requests</h3>       </div>       <hr/>       <div>       <p>     <input type="text" size="5" name="a"> +     <input type="text" size="5" name="b"> =     <span id="result">?</span>     <p><a href="javascript:void();" id="calculate">calculate server side</a>       </form>       </div>     </div>   </body> </html> {% endblock %}

my flask view looks this:

class myview(baseview):     default_view = 'sale'      @expose('/sale', methods=['get'])     @has_access     def sale(self):         return self.render_template('sale.html')      @expose('/_add_numbers', methods=['get', 'post'])     @has_access     def add_numbers(self):         = request.args.get('a', 0, type=int)         b = request.args.get('b', 0, type=int)         return jsonify(result=a + b)

any guidance appreciated.

get screenshot - https://imgur.com/a/0rxin

post screenshot - http://imgur.com/ns1beke

you using flask-appbuilder , syntax suggested is: 

class myview(baseview):     route_base = "/myview"      @expose('/method1/<string:param1>')     def method1(self, param1):         # param1         # , return         return param1

which results in url looking this: http://<your_host>/myview/method1/<awaiting string param>

that interferes url.

a bit more thorough explanation:

get request tries locate /_add_numbers?a=1&b=1 url far back-end concerned not match exposed url.
should try defining exposed url follows:

@expose('/_add_numbers?<int:a>&<int:b>', methods=['get', 'post'])

if flask-appbuilder gives problems, try experiment default flask , see if works you, knowledge move forward.

note:

typically not get post request.

you can try simple jquery $.post() call instead of getjson:

$.post('http://localhost:5000/_add_numbers',{     a: $('input[name="a"]').val(),     b: $('input[name="b"]').val() }, function(data) {     $("#result").text(data.result); });

the no 'access-control-allow-origin' header present on requested resource. error has been referred , answered thoroughly in posts:


Comments

Post a Comment

Popular posts from this blog

'hasOwnProperty' in javascript -

i use obj.hasownproperty judge whether object has property, when replaced obj[prop] !== undefined , not normal implementation, ask, why behind method can not use it? object.hasownproperty(prop); object[prop] !== undefined; obj[prop] !== undefined wrong 2 reasons: you can explicitly set property undefined , obj[prop] = undefined; . obj.hasownproperty(prop) return true in case. obj[prop] follow prototype chain, return property that's inherited. obj.hasownproperty(prop) returns true if property exists directly in object, returns false inherited properties.
Read more

How to understand 2 main() functions after using uftrace to profile the C++ program? -

i trying uftrace profile following simple c++ program: #include <iostream> class { public: a() {std::cout << "a created" << std::endl;} ~a() {std::cout << "a destroyed" << std::endl;} }; int main() { a; return 0; } the profile result this: # uftrace a.out created destroyed # duration tid function 2.026 [ 4828] | __cxa_atexit(); [ 4828] | main() { [ 4828] | __static_initialization_and_destruction_0() { 89.397 [ 4828] | std::ios_base::init::init(); 0.768 [ 4828] | __cxa_atexit(); 93.029 [ 4828] | } /* __static_initialization_and_destruction_0 */ 94.425 [ 4828] | } /* main */ [ 4828] | main() { [ 4828] | a::a() { 11.104 [ 4828] | std::operator <<(); 10.825 [ 4828] | std::basic_ostream::operator <<(); 24.514 [ 4828] | } /* a::a */ [ 4828] | a::~a() { 0.978 [ 4828] | ...
Read more

android - Unable to generate FCM token from dynamically instantiated Firebase -

our business logic requires instantiate firebase during runtime. fetch firebase credentials (app id, api key etc.) default firebase location after knowing user's public key , create firebase instance using credentials. this means there 2 firebase instances used within app: the default "index" firebase gives credentials second the actual firebase intend use point forward the second firebase initialised this: firebaseapp app = firebaseapp.initializeapp(<context>, <options>, <app_label>); our problem traditional method of retrieving fcm token using firebaseinstanceidservice , ontokenrefresh() fails since ontokenrefresh() method called first firebase instance. directly calling string token = firebaseinstanceid.getinstance(app).gettoken(); returns null never ready when called. have tried polling test if token generated @ point. no luck. how can generate fcm token reliably firebase instance instantiated during runtime? i...
Read more